Đổi mã màu

Dán mã HEX (ví dụ #E11D48) vào ô nhập, công cụ hiện ngay giá trị RGB, HSL, HSV, CMYK và OKLCH tương ứng. Bấm biểu tượng sao chép cạnh dòng bạn cần.

Bạn nhập được HEX (#rgb, #rrggbb, #rrggbbaa, có hoặc không có dấu #), rgb(), hsl(), hsv(), cmyk(), oklch() hoặc tên màu CSS như tomato, navy. Kết quả xuất ra HEX, RGB, HSL, HSV, CMYK, OKLCH và một biến CSS.

Đây là công thức chuyển đổi chuẩn, đủ để tham khảo và trao đổi. Màu in thật còn phụ thuộc hồ sơ màu ICC, loại giấy và máy in của nhà in, nên hãy in thử trước khi in số lượng lớn.

OKLCH là hệ màu mới trong CSS, chia độ sáng đều theo cảm nhận của mắt hơn HSL. Nó rất tiện khi tạo bảng màu giao diện, đổi sáng tối mà màu không bị xỉn hay lệch sắc.

Cả hai đều mô tả màu bằng sắc độ và độ bão hoà, nhưng HSL dùng độ sáng (Lightness) còn HSV dùng độ rực (Value). HSL thường dùng trong CSS, còn HSV quen thuộc với bảng chọn màu của Photoshop.

Có. Khi bạn nhập #RRGGBBAA hoặc rgba(), mã HEX và RGB sẽ giữ nguyên độ trong suốt.

Dải này cho bạn các biến thể sáng và tối của cùng một màu. Bấm vào một ô để chọn màu đó làm màu chính, tiện khi cần màu hover hay màu nền nhạt.

Bấm nút sao chép cạnh định dạng cần dùng rồi dán vào ô màu của Figma, Photoshop, Illustrator hoặc file CSS. Figma và Photoshop nhận trực tiếp mã HEX.

Thường do mã HEX sai số chữ số (phải là 3, 4, 6 hoặc 8 ký tự), có ký tự ngoài 0-9 và A-F, hoặc sai cú pháp như thiếu ngoặc trong rgb(). Hãy kiểm tra lại, hoặc chọn màu trực tiếp bằng ô màu.

Hoàn toàn miễn phí, không cần đăng nhập và không giới hạn số lần dùng.

Có, công cụ chạy trên trình duyệt điện thoại và máy tính, giao diện tự co giãn theo màn hình.

Việc chuyển đổi chạy ngay trên trình duyệt của bạn. ColorME chỉ ghi nhận lượt dùng kèm mã màu bạn đổi hoặc sao chép để thống kê, không cần tài khoản.

Bắt đầu từ một màu chủ đạo, dùng dải sáng tối để tìm màu phụ, rồi kiểm tra độ tương phản chữ bằng công cụ Kiểm tra tương phản của ColorME để đảm bảo dễ đọc.