Color Studio

Thật khó để chọn màu. Ứng dụng này giúp bạn xây dựng một chủ đề tối kết hợp.

Thật khó để chọn màu. Hầu hết các công cụ chọn màu cung cấp cho bạn 16 triệu màu và yêu cầu bạn chọn một. Thực tế, rất nhiều lựa chọn, sự sáng tạo của bạn có thể bị chặn. Không có cách trực quan để biết màu nào sẽ phù hợp với nhu cầu của bạn. Điều này thậm chí còn khó hơn khi bạn đối phó với nhiều màu sắc. Thậm chí khó hơn khi bạn muốn những màu này tuân theo một đặc điểm thiết kế và tạo thành một chủ đề mạch lạc. Dự án này nhằm giúp giải quyết những vấn đề này.

Ứng dụng này cho phép bạn chơi với 3 màu: Chính, Nền và Bề mặt. Bối cảnh và Bề mặt cho phép bạn chuyển đổi chế độ "tự động" (theo mặc định, khi bạn mở ứng dụng, nó được bật cho Nền, để giúp khám phá). Trong chế độ tự động, Bối cảnh tuân theo [Đề xuất thiết kế vật liệu] (https: // m vật liệu.io/design/color/dark-theme.html#properies): 8% màu Chính + # 121212.

Về màu sắc bề mặt, không có khuyến nghị chính thức, do đó, nó có được Nền và thêm 5% độ sáng trong không gian màu HSLuv. Nếu Nền có 10% độ sáng thì Surface có 15%.

Nguyên tắc truy cập nội dung web (WCAG) khuyến nghị sự tương phản của:

- Tối thiểu 3.0: 1 cho các văn bản lớn hơn 18pt hoặc biểu tượng (AA +).

- Tối thiểu 4,5: 1 cho các văn bản nhỏ hơn 18pt (AA).

- Tối thiểu 7,0: 1 khi có thể, nếu có thể (AAA).

Thiết kế Vật liệu tuân theo nó và khuyến nghị tỷ lệ tương phản 4,5: 1 (AA) cho văn bản cơ thể ở mọi độ cao. Dự án này cho thấy tất cả các biến thể độ cao có thể có với độ tương phản tương ứng của chúng với màu Chính.

Dự án này là nguồn mở:

https://github.com/bernaferrari/color-studio