100% trong trình duyệt
Công cụ Màu sắc
Công cụ màu sắc miễn phí cho nhà thiết kế và lập trình viên — chuyển đổi giữa HEX, RGB, HSL, CMYK, HSV và nhiều hơn nữa, tạo bảng màu hài hòa, kiểm tra độ tương phản WCAG, pha trộn và tạo sắc độ màu, cùng tìm tên màu gần nhất.
◑
Trình tạo bảng màu
Tạo bảng màu bổ túc, tương đồng, bộ ba và bộ bốn từ bất kỳ màu cơ sở nào.
◐Trình kiểm tra độ tương phản màu
Kiểm tra tỷ lệ tương phản WCAG giữa màu chữ và màu nền với kết quả AA/AAA.
◓Trình trộn màu
Pha trộn hai màu theo tỷ lệ điều chỉnh được và nhận giá trị HEX kết quả.
▦Sắc độ đậm & nhạt của màu
Tạo dải các sắc độ nhạt hơn và đậm hơn từ bất kỳ màu cơ sở nào.
🎨Màu được đặt tên trong CSS
Duyệt và tìm kiếm hơn 140 màu được đặt tên trong CSS cùng giá trị HEX của chúng.
⚂Trình tạo màu ngẫu nhiên
Tạo một màu ngẫu nhiên và xem nó dưới dạng HEX, RGB và HSL.
◔Trình mô phỏng mù màu
Mô phỏng cách một màu hiển thị với chứng mù màu đỏ, mù màu lục và mù màu lam.
#αHEX ⇄ RGBA
Chuyển đổi giữa mã màu HEX có alpha và ký hiệu rgba(), kèm xem trước trực tiếp.
#?Định Dạng Màu CSS
Hiển thị một màu ở mọi định dạng CSS: hex, rgb(), hsl() và hwb().
twTrình Tạo Bảng Màu Tailwind
Tạo thang sắc độ 50–950 kiểu Tailwind từ bất kỳ màu nền nào.
🖼◑Trình Trích Xuất Màu Từ Ảnh
Trích xuất các màu chủ đạo từ ảnh tải lên dưới dạng ô màu hex.
◐◑Trình Tạo Duotone
Tạo gradient duotone hai màu kèm CSS có thể sao chép.
cmykBộ chuyển đổi CMYK sang RGB
Chuyển đổi màu giữa CMYK và RGB/HEX kèm ô màu xem trực tiếp.
hsvBộ chuyển đổi HSV / HSB
Chuyển đổi màu giữa HSV/HSB và RGB/HEX kèm ô màu xem trực tiếp.
◑?Màu có tên gần nhất
Tìm các màu có tên trong CSS gần nhất với màu bạn chọn.
#abcMàu từ văn bản
Tạo một màu xác định từ bất kỳ chuỗi văn bản nào.