Tới nội dung chính
tools.htrnguyen

Chuyển đổi mã màu

Chuyển qua lại giữa HEX, RGB, HSL, OKLCH, xem sắc độ liền kề và kiểm tra độ tương phản với nền trắng hoặc đen theo chuẩn WCAG.

File và dữ liệu của bạn không rời khỏi máy

Màu đầu vào

Nhận #rgb, #rrggbb, rgb(r, g, b) và hsl(h, s%, l%).

Thang sáng tối

Cùng sắc độ, thay đổi độ sáng trong OKLCH.

Các định dạng

HEX#2d2a6e
RGBrgb(45, 42, 110)
HSLhsl(242.6, 44.7%, 29.8%)
OKLCHoklch(33.1% 0.1143 280.1)

Độ tương phản

Nền trắng

12,59:1

Đạt AAA

Nền đen

1,67:1

Chưa đạt

Công cụ này làm được gì

  • Nhận đầu vào HEX, RGB, HSL và cả bảng chọn màu của hệ điều hành
  • Xuất đồng thời HEX, RGB, HSL, OKLCH, chép một chạm
  • Thang sáng tối tự sinh, dùng luôn làm bộ màu cho giao diện
  • Tỉ lệ tương phản với nền trắng và nền đen kèm mức WCAG

Giới hạn cần biết trước

  • Tính trên gam màu sRGB, màu ngoài gam sẽ bị quy về gần nhất trong sRGB

Công cụ khác trong Màu sắc

Kiểm tra tương phản

So hai màu bất kỳ theo chuẩn WCAG 2.1.

Mở công cụ

Tạo bảng màu

Sinh thang màu 50 đến 950 từ một màu gốc.

Sắp ra mắt

Tạo dải màu chuyển

Dựng gradient và lấy mã CSS.

Sắp ra mắt