Mọi màu sắc, được giải mã
Giá trị Hex, RGB, HSL, CMYK. Hòa âm màu sắc, sắc độ Tailwind, tương phản WCAG.
Nhập bất kỳ mã hex 6 chữ số nào
Màu sắc nổi bật
Thương hiệu nổi bật
Xem tất cả →
Organize the world's information
4 màu sắc
Apple
Think different
3 màu sắc
Microsoft
Empower every person and organization
4 màu sắc
Amazon
Work hard. Have fun. Make history.
2 màu sắc
Meta
Helping people connect
1 màu sắc
Bringing the world closer together
2 màu sắc
YouTube
Broadcast yourself
1 màu sắc
Capture and share the world's moments
3 màu sắc
Bộ sưu tập nổi bật
Xem tất cả →Công cụ màu sắc
Xem tất cả →Kiểm tra tương phản
Kiểm tra tỷ lệ tương phản màu theo hướng dẫn WCAG 2.1. Kiểm tra sự tuân thủ AA và AAA cho văn bản thường và văn bản lớn.
Chuyển đổi màu sắc
Chuyển đổi tức thì giữa các định dạng màu HEX, RGB, HSL, HSV, CMYK và OKLCH.
Tạo bảng màu
Tạo bảng màu hài hòa bằng các lược đồ bổ sung, tương tự, tam giác và bổ sung tách.
Tạo sắc độ
Tạo thang sắc độ kiểu Tailwind CSS (50–950) từ bất kỳ màu cơ bản nào cho hệ thống thiết kế.
Mô phỏng mù màu
Mô phỏng cách màu sắc hiển thị trong các tình trạng mù màu xanh lá, mù màu đỏ, mù màu xanh dương và mù màu hoàn toàn.
Tạo gradient
Tạo các gradient CSS tuyến tính và hướng tâm đẹp mắt với bản xem trước trực tiếp và mã sẵn sàng sao chép.
Bài viết mới nhất
Xem tất cả →CSS color-mix(): Pha Trộn Màu Natively Trong Trình Duyệt
Học CSS color-mix() để pha trộn màu natively trong trình duyệt. Cú pháp, không gian màu và tạo bảng màu động không cần JavaScript.
Tháng 1 26, 2026
Hướng dẫn Thực hànhXây Dựng Color Picker Web Component Từ Đầu
Xây dựng color picker dễ tiếp cận như một Web Component. Triển khai canvas rendering, thanh trượt hue, kênh alpha và custom events với Shadow DOM.
Tháng 1 21, 2026
Hướng dẫn Thực hànhKhông Gian Màu Nhận Thức: Lab, LCH, Oklab, OKLCH
Không gian màu đồng đều nhận thức—CIE Lab, LCH, Oklab và OKLCH. Cách thiết kế, ưu điểm và nên dùng cái nào cho CSS và thiết kế.
Tháng 1 15, 2026
Hướng dẫn Thực hànhKiểm Tra Màu In: Đảm Bảo Màu In Chính Xác
Tìm hiểu kỹ thuật soft proofing, hard proofing và press proof để đảm bảo tái tạo màu in chính xác từ màn hình đến thành phẩm.
Tháng 1 10, 2026