Chọn và chuyển đổi màu
Chọn màu, dán mã hoặc nhấp vào ảnh để xem màu ở mọi định dạng, kèm bảng màu phối hợp và kiểm tra độ tương phản chữ.
- Chọn màu, mã hoặc ảnh
- Xem ở HEX, RGB, HSL, HSV và CMYK
- Sao chép mã, bảng màu hoặc kiểm tra tương phản
Tệp không bao giờ rời khỏi thiết bị của bạn
Các định dạng màu
- HEX: mã sáu ký tự dùng trong thiết kế web và CSS (#14183d).
- RGB: giá trị đỏ, xanh lá, xanh dương từ 0 đến 255 cho màn hình.
- HSL và HSV: sắc độ, độ bão hòa và độ sáng hoặc giá trị — dễ chỉnh tay.
- CMYK: tỷ lệ lục lam, hồng sẫm, vàng và đen dùng trong in ấn.
Tạo bảng màu
- Màu bổ túc nằm đối diện nhau và tạo tương phản mạnh.
- Màu tương đồng nằm cạnh nhau, tạo cảm giác êm dịu, hài hòa.
- Màu bộ ba cách đều nhau, cho vẻ cân đối và sống động.
- Nhấp vào ô màu bất kỳ để chọn làm màu hiện tại và sao chép mã.
Chữ dễ đọc (WCAG)
Chọn màu chữ và màu nền, công cụ sẽ tính tỷ lệ tương phản. Hãy nhắm ít nhất 4,5:1 cho chữ nội dung và 3:1 cho tiêu đề lớn (mức AA); 7:1 đạt mức AAA khắt khe hơn.
Câu hỏi thường gặp
Có thể nhập những mã màu nào?
HEX (#1e90ff hoặc 1e90ff), rgb(), hsl(), hsv(), cmyk() và tên màu CSS như navy hay tomato.
Làm sao lấy màu từ ảnh hoặc logo?
Mở ảnh ở mục «Lấy màu từ ảnh» và nhấp vào điểm bất kỳ. Ảnh vẫn nằm trên thiết bị của bạn.
Giá trị CMYK có chính xác cho in ấn không?
Đây là phép đổi toán học tiêu chuẩn. Màu in thực tế phụ thuộc vào cấu hình màu của máy in, nên hãy kiểm tra các bản in quan trọng với nhà in.
Độ tương phản là gì?
Là mức dễ đọc của chữ trên nền. WCAG yêu cầu ít nhất 4,5:1 cho chữ thường và 3:1 cho chữ lớn (mức AA).
Bảng màu được tạo thế nào?
Bằng cách xoay sắc độ trên vòng màu: bổ túc (180°), tương đồng (±30°) và bộ ba (120°), cùng các sắc độ sáng và tối hơn.
Có thể lấy màu ở bất kỳ đâu trên màn hình không?
Có, trên các trình duyệt hỗ trợ (như Chrome và Edge trên máy tính) sẽ có nút «Lấy màu từ màn hình».