Thật khó để chọn màu sắc. Hầu hết các bộ 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. Vì vậy, nhiều lựa chọn, trên thực tế, 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ó khăn 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 theo dõi một đặc điểm kỹ thuật thiết kế và tạo thành một chủ đề mạch lạc. Dự án này nhằm mục đích 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 chế độ "Tự động" (theo mặc định, khi bạn mở ứng dụng, nó nằm trên nền, để giúp khám phá). Ở chế độ tự động, nền tuân theo [Khuyến nghị thiết kế vật liệu] (https://material.io/design/color/dark-theme.html#properies): 8% màu chính + # 121212.
Liên quan đến màu bề mặt, Không có khuyến nghị chính thức, vì vậy nó có được nền tảng và thêm 5% độ sáng trong không gian màu Hsluv. Nếu nền có 10% độ sáng, bề mặt có 15%.
Hướng dẫn trợ năng nội dung web (WCAG) khuyến nghị độ tương phản của:
- 3.0: 1 Tối thiểu cho các văn bản lớn hơn 18pt hoặc các biểu tượng (AA +).
- 4,5: 1 Tối thiểu cho các văn bản nhỏ hơn 18pt (AA).
- 7.0: 1 Tối thiểu Khi có thể, nếu có thể (AAA).
Thiết kế vật liệu theo sau và khuyến nghị một tỷ lệ tương phản là 4,5: 1 (AA) cho văn bản cơ thể ở tất cả các độ cao. Dự án này cho thấy tất cả các biến thể độ cao có thể xảy ra 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
Custom fonts!