Dán một mã màu để nhận mã HEX, RGB, HSL, HSV và HCV, kèm theo đánh giá khả năng đọc được khi dùng làm văn bản.
WCAG 2 quy định 4.5:1 là tiêu chí AA cho văn bản thông thường và 7:1 cho AAA; văn bản lớn (18pt hoặc 14pt in đậm) đạt chuẩn AA ở mức 3:1. (WCAG là nguyên tắc tiếp cận nội dung web của W3C.) Màu xanh #2457E6 đạt khoảng 5.9:1 trên nền trắng, phù hợp cho văn bản thông thường, nhưng chỉ đạt 3.6:1 trên nền đen, mức này chỉ phù hợp với văn bản lớn.
HSL tách riêng sắc độ (hue), độ bão hòa (saturation) và độ sáng (lightness), vì vậy để làm màu sáng hơn hoặc tối hơn bạn chỉ cần thay đổi L. Thang độ sáng bên dưới thể hiện chính xác điều này; hãy nhấp vào một mức để chọn.
HSV (được gọi là HSB trong Photoshop và Figma) là sắc độ, độ bão hòa và giá trị độ sáng (value); đây là ô vuông trong hầu hết các công cụ chọn màu. V là kênh sáng nhất, S thể hiện mức độ đậm của màu. HCV thay thế độ bão hòa bằng độ tinh khiết sắc màu / chroma (C), khoảng cách giữa kênh sáng nhất và tối nhất. #2457E6 là hsv(224, 84%, 90%) và hcv(224, 76%, 90%). Cả hai đều không phải là CSS hợp lệ, vì vậy hãy dùng HEX, RGB hoặc HSL khi viết mã web.
#RGB, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla(), hsv()/hsb()/hcv(), bộ ba số đơn thuần như '36, 87, 230' và khoảng 50 tên màu CSS thông dụng.
Không. Các phép tính chuyển đổi và độ tương phản đều chạy trực tiếp trong trình duyệt của bạn.
#RRGGBBAA và rgba() được phản ánh trong kết quả HEX và RGB. Phép tính tương phản bỏ qua alpha và coi màu như là hoàn toàn mờ đục.
Hệ màu in ấn CMYK phụ thuộc vào hồ sơ màu (color profile), nên nằm ngoài phạm vi của công cụ này.
Công cụ hỗ trợ chuyển đổi linh hoạt giữa HEX (bao gồm alpha), rgb(), hsl(), bộ ba số thô và khoảng 50 tên màu CSS chuẩn.
Có, công cụ tính toán tỷ lệ tương phản trên nền trắng, đen và nền tùy chỉnh để kiểm tra mức độ đáp ứng tiêu chuẩn WCAG AA (4.5), AAA (7) và văn bản lớn (3).
Có, công cụ hiển thị thang độ sáng 9 mức cho tông màu đã chọn, và bạn chỉ cần nhấp vào bất kỳ sắc độ nào để tải ngay các giá trị của nó.
Có, bạn có thể chọn màu trực quan bằng giao diện chọn màu tích hợp bên cạnh việc nhập trực tiếp các giá trị mã màu.