36 người đã dùng
·
78 lượt xem
Đổi mã màu
Gõ một mã màu, nhận ngay HEX, RGB, HSL, CMYK và OKLCH.
Nhập HEX, rgb(), hsl(), cmyk(), oklch() hoặc tên màu CSS
Sáng hơn → tối hơn bấm để chọn
Mã màu bấm để sao chép
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.
Không có câu hỏi nào khớp. Thử từ khoá khác hoặc nhắn tư vấn.
Còn câu hỏi? Nhắn tư vấn
Công cụ khác cho người học thiết kế
- Mở khoá toàn bộ công cụ AI của ColorME: tạo ảnh, video, phụ đề… và thêm lượt tạo mockup mỗi ngày.
- Mỗi khoá học tại ColorME tặng 3 đến 24 tháng Premium, tuỳ khoá.
- Bạn bè được học viên mời: 1 tháng Premium.
Xem Premium Account
Xem khoá học
Học viên ColorME có thể mời bạn bè dùng Premium. Nhờ một học viên gửi lời mời tới email của bạn, sau đó đăng nhập bằng đúng email đó, Premium sẽ tự kích hoạt.