ColorZilla - tiện ích lấy mã màu cho dân thiết kế

ColorZilla là tiện ích mở rộng cho trình duyệt chuyên dùng để lấy mã màu hết sức tiện lợi. Dù bạn dùng Google Chrome hay FireFox sử dụng ColorZilla đều ổn cả.

Khi lướt web bỗng dưng bạn thấy một màu sắc nào đó rất hợp mắt ở ảnh chụp hay hình nền...và bạn tò mò muốn biết mã màu, ColorZilla sẽ giúp bạn trong vài click.

Hay khi bạn muốn chọn cho mình một mã màu tùy ý trong bảng màu, ColorZilla cũng tích hợp sẵn Color Picker cho bạn.

Và bây giờ là địa chỉ tải cho Google Chrome, còn ở đây là cho FireFox.

Ngoài ra ColorZilla còn cung cấp tính năng phân tích các màu sắc được sử dụng trong trang web - tuy nhiên đây là các mã màu CSS chứ nó không phân tích ảnh chụp.

Danh sách 17 tên màu sắc tiêu chuẩn trong CSS

Dưới đây là danh sách tên các màu sắc trong CSS được hỗ trợ bởi tất cả các trình duyệt, có 17 tên màu tiêu chuẩn là aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, và yellow.

Có bạn hỏi đã có mã màu rồi còn tên màu làm gì? như vậy có thừa không?

Câu trả lời là không thừa...

Với mã màu bạn có rất nhiều màu sắc nhưng nói chung chúng khó nhớ hơn rất nhiều so với tên màu - vốn gần gũi hơn. Chẳng hạn tôi muốn làm chữ màu đỏ thay vì phải nhớ mã màu đỏ tôi chỉ việc nhớ tên tiếng Anh của nó là red, trong CSS tôi đơn giản ghi color: red;

Danh sách:

Tên Màu	Mã Màu	Màu
aqua	#00FFFF
black	#000000
blue	#0000FF
fuchsia	#FF00FF
gray	#808080
green	#008000
lime	#00FF00
maroon	#800000
navy	#000080
olive	#808000
orange	#FFA500
purple	#800080
red	#FF0000
silver	#C0C0C0
teal	#008080
white	#FFFFFF
yellow	#FFFF00

Xem thêm:

• Các cách khai báo màu sắc trong CSS

Các cách khai báo màu sắc trong CSS

Mã hex là cách chủ yếu dùng để khai báo các giá trị màu trong CSS, ngoài ra định dạng rgba đang được sử dụng ngày càng rộng rãi - trong đó a nghĩa là alpha hay còn gọi là độ trong suốt nằm trong khoảng từ 0 đến 1.

Dưới đây là một số cách khai báo hợp lệ:

• #RRGGBB, ví dụ,  color:#FFFFFF;
• rgb(#R,#G,#B), các giá trị số từ 0 đến 255, ví dụ,  color:rgb(69,00,00);
• rgb(R%,G%,B%) - các giá trị phần trăm nằm trong khoảng từ 0 đến 100%, ví dụ, color:rgb(23%,15%,25%);
• rgba(R,G,B,A), ví dụ, color:rgb(69,00,00,0.3);
• Theo tên màu, ví dụ, color:red; (xem thêm: Danh sách 17 tên màu tiêu chuẩn trong CSS)

Dưới đây là 2 hình vuông 200px với cùng mã màu #690000 với độ trong suốt là 0.3 ở bên trái, và 0.95 ở bên phải: