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.

Chuyển đổi và nhận diện màu

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().

Bộ 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.

Bộ 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 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.

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.

Tạo bảng màu và thang màu

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.

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.

Trì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ộ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ả.

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.

Kiểm tra độ tương phản và thị giác màu

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 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.

Tạo màu

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.

Mà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.

Không có công cụ nào phù hợp.

Khám phá các danh mục khác