Công cụ
Miễn phí, tức thời và hoàn toàn trong trình duyệt.
Chuyển đổi màu
HEX · RGB · HSL · OKLCH · Lab · CMYK
Xem tất cảTương phản WCAG
Tỷ lệ và mức AA/AAA
Xem tất cảMô phỏng mù màu
Protan / Deutan / Tritan
Xem tất cảLấy màu từ ảnh
Trích xuất màu cục bộ từ ảnh
Xem tất cảCSS gradient
Tạo gradient tri giác đều
Xem tất cảTạo bảng màu
Hòa sắc từ bất kỳ màu nào
Xem tất cảTrộn màu
Trộn nhiều màu trong Lab/OKLCH
Xem tất cảΔE chênh lệch màu
CIELAB ΔE76 và khoảng cách OKLCH
Xem tất cảChuyển đổi hàng loạt
Chuyển đổi danh sách màu
Xem tất cảÁnh xạ RAL
RAL ↔ HEX / OKLCH
Xem tất cảTạo thang màu
Màu bất kỳ → thang 50–950, xuất CSS
Xem tất cảTìm màu gần nhất
Khớp HEX với màu truyền thống, Tailwind, Material và RAL
Xem tất cảBảng màu truyền thống
Mùa, ngũ hành và hài hòa cho màu truyền thống châu Á
Xem tất cảLưới tương phản
Ma trận WCAG N×N cho danh sách màu
Xem tất cảKiểm tra bảng màu mù màu
Mô phỏng bảng màu và đánh dấu cặp trùng
Xem tất cảMesh gradient
Nhiều gradient tỏa tròn, xuất CSS và SVG
Xem tất cảBảng màu hệ thống thiết kế
Tạo thang màu và token sẵn dùng cho framework từ một màu gốc.
Tông Material Design
Bảng tông M3 và vai trò màu
Xem tất cảBảng màu Tailwind CSS
Tạo thang màu tiện ích 50–950
Xem tất cảBảng màu UnoCSS
Thang màu CSS nguyên tử
Xem tất cảToken Panda CSS
Đối tượng token cho Panda CSS
Xem tất cảTheme Vanilla Extract
Hợp đồng theme và biến CSS
Xem tất cảToken StyleX
Token thiết kế cho StyleX
Xem tất cảBảng màu Bootstrap
Màu chủ đề và token ngữ nghĩa
Xem tất cảBảng màu Ant Design
Bảng màu preset 1–10 bước
Xem tất cảOpen Color
Bảng màu UI mã nguồn mở
Xem tất cảBảng màu Chakra UI
Thang màu chủ đề 50–950
Xem tất cảRadix Colors
Thang 12 bước cho UI ứng dụng
Xem tất cảMàu thương hiệu Fluent UI
Thang màu thương hiệu Microsoft 10–160
Xem tất cảBảng màu Primer
Token hệ thống thiết kế GitHub
Xem tất cảBảng màu Polaris
Token màu quản trị Shopify
Xem tất cả