Lấy mã màu từ ảnh xong, bạn có ba cách ghi cùng một màu
Biết chỗ nào dán cách nào thì đỡ phải đổi qua đổi lại khi làm việc với người thiết kế.
Bảng đối chiếu ba cách ghi và nơi thường dùng từng cách
Cả ba dòng dưới đây đều là cùng một màu lam thương hiệu của SEONGON.
| Cách ghi | Màu lam SEONGON viết thành | Thường dùng ở đâu | Điểm mạnh |
|---|---|---|---|
| HEX | #004aef | CSS của website, ô nhập màu trong Canva, Figma, Photoshop | Ngắn, dễ copy, dễ đọc qua điện thoại cho nhau |
| RGB | rgb(0, 74, 239) | CSS khi cần thêm độ trong suốt, phần mềm dựng video | Thêm được kênh trong suốt thành rgba |
| HSL | hsl(221, 100%, 47%) | Khi cần làm sáng hơn hay nhạt hơn cùng một màu | Đổi một số là ra cả dải màu cùng tông |
hsl(221, 100%, 92%). Làm việc đó bằng HEX thì phải mò từng cặp ký tự.Vì sao mã HEX luôn có sáu ký tự chia thành ba cặp
Hình dưới tách mã màu lam của SEONGON thành ba cặp để thấy mỗi cặp nói điều gì.
Màn hình tạo mọi màu bằng cách trộn ba đèn đỏ, lục, lam ở các độ sáng khác nhau, và mã HEX chỉ là ba con số độ sáng đó viết liền nhau. Hiểu điều này thì bạn đoán được màu khi nhìn mã: cặp cuối lớn nhất nghĩa là màu nghiêng về lam.
Giá trị 00 là không bật đèn đỏ, giá trị FF là bật hết cỡ.
Giá trị 4A tức 74, nên đèn lục chỉ bật khoảng gần ba phần mười.
Giá trị EF tức 239, nên đèn lam bật gần hết, và màu nhìn ra lam.
Kiểm cặp màu chữ và nền có đủ tương phản để đọc được hay không
Đây là phép kiểm mà bảng tra mã màu thông thường không có, nhưng lại là thứ quyết định người đọc có đọc nổi trang của bạn.
Chọn hai màu rồi xem ngay chữ có đọc được hay không
Ở khung lấy màu đầu trang, bạn có thể bấm hai nút để đưa màu vừa lấy từ ảnh sang đây.
Dịch vụ SEO tổng thể cho doanh nghiệp
Đây là một đoạn chữ cỡ thường để bạn thử đọc. Nếu bạn phải nhìn kỹ mới ra chữ thì cặp màu này chưa đủ tương phản, và người đọc trên điện thoại ngoài trời sẽ bỏ trang.
Màu lục thương hiệu không dùng được làm chữ trên nền trắng
Đây là ví dụ thật lấy từ chính bộ nhận diện SEONGON, và là lý do bộ chuẩn ghi màu lục chỉ dùng trên nền lam hoặc nền tối.
Không có màu nào tự nó đủ hay không đủ tương phản, luôn phải nói nó đứng trên nền gì. Hai con số 1,52 và 4,29 trong hình là do chính khung kiểm tương phản bên trên tính ra, bạn gõ lại hai cặp màu đó để kiểm.
Chỉ đạt 1,52 lần nên không dùng được cho cả chữ to lẫn chữ nhỏ.
Đạt 4,29 lần nên dùng được cho chữ to và các chi tiết nhấn.
Gõ #07ef9c vào ô màu chữ rồi đổi ô màu nền giữa #ffffff và #004aef.
