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