Thuộc tính màu CSS. mã màu

Một trong những công cụ để thay đổi phong cách trang web - màu CSS. Có một số cách để thay đổi cài đặt này. Mỗi người có cả ưu và nhược điểm.

tên

Thuộc tính màu đặt màu của mặt hàng đó. 145 sắc thái của tiêu đề bao gồm trong CSS. Trong số đó có rất đơn giản (chẳng hạn như đen, xanh dương) và phức tạp (ví dụ như màu đỏ thẫm, lawngreen).

Bởi vì toàn bộ danh sách các khó nhớ, tên của style sheet được sử dụng hiếm khi.

RGB

Hầu hết các TV, điện thoại thông minh, màn hình làm việc với mô hình màu RGB. Đó là, bất kỳ màu sắc có thể được thiết lập để kết hợp các màu cơ bản, trong đó có màu đỏ, xanh lá cây và xanh da trời. . Một cách tiếp cận tương tự được sử dụng trong cả hai thiết bị, và trong CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Màu sắc là những giá trị thành phần mất cơ bản từ 0 đến 255. Một số màu sắc có thể tương đương với 16.777.216.

Kể từ khi mô hình RGB có liên quan trực tiếp đến định luật vật lý của hình ảnh màu, đen được nêu rõ như rgb (0, 0, 0), trắng - rgb (255, 255, 255). hệ thống RGBA hoàn toàn tương tự như RGB, với việc bổ sung các kênh alpha. Nó ảnh hưởng đến tính minh bạch, trong đó pha trộn với màu nền. Ở dạng này của nguyên tố này sẽ thay đổi tùy theo "chất nền".

HSL

Để hiểu cách hệ thống HLS, bạn cần phải gửi một bánh xe màu. Tại trung tâm của nó là màu đỏ, sau đó (chiều kim đồng hồ) tất cả các màu sắc khác của cầu vồng. цвета при помощи системы HLS требуется задать три параметра: Để xác định màu sắc trong CSS sử dụng hệ thống HLS đòi hỏi ba thông số:

• màu sắc (trong độ) - sự chỉ đạo của trung tâm vòng tròn;
• bão hòa (tỷ lệ phần trăm) - bao nhiêu màu sắc mà bạn cần;
• độ sáng (theo phần trăm).

Ví dụ, màu tím có thể được xác định theo cách như vậy: HSL (315, 100%, 45%). HSL là thuận tiện nhất cho các thí nghiệm. Sau khi nghiên cứu các bánh xe màu, bạn có thể vừa ngắm cảnh stylesheet khoảng đại diện cho màu gì thiết yếu tố cụ thể. HSLA - cùng HLS, chỉ với alpha: HSL (0, 100%, 50, 0.6) - đỏ, trong suốt khoảng hơn một nửa.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Trong CSS, bạn có thể thiết lập các màu sắc bằng cách sử dụng đại diện thập lục phân, chẳng hạn như cam xác định bằng giá trị # FF4500.

Đối với một sự hiểu biết tốt hơn về những gì các đại diện thập lục phân, hơn nữa nên xem xét các hệ thống thập phân. Đó là một số từ 0 đến 9. Khi nhu cầu trong đếm số lớn hơn 9, một chút được thêm vào, và nó quay 10, sau đó 100, và vân vân. E. Tất cả giống hệt nhau trong ký hiệu thập lục phân, nhưng trong nó sau 9 là A, sau đó B, và vân vân để F - giống như 15 trong hệ thống thập phân. Sau đó, thêm một chữ số, và nó quay ra 10 trong số 16 trong các điều khoản thông thường.

Như trong RGB, màu HEX để chỉ ra những gì tỷ lệ sử dụng màu sắc chính. Trong trường hợp này, họ không được phân cách bằng dấu phẩy (color: # FFD500). Mỗi hai nhân vật nêu rõ số lượng màu đỏ, xanh lá cây và xanh da trời.

CSS. Như một quy luật, hệ thống HEX không được sử dụng trong các thí nghiệm, vì nó là không thể tìm ra màu CSS đúng. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Bảng có thể giúp đỡ trong vấn đề này, nhưng nếu bạn thường xuyên đề cập đến nó, công việc sẽ bị trì hoãn. đại diện thập lục phân là thuận tiện nhất khi mẫu được chuyển từ trình biên tập đồ họa. Nó là dễ dàng hơn để sao chép từ nó chỉ có một chữ số hơn ba lượt.

Đó là cách tốt nhất?

Trên tài khoản này, chúng tôi không thể nói bất cứ điều gì cụ thể. Nếu các yếu tố của giao diện cần minh bạch, lựa chọn giữa RGBA và HSLA. Nếu bạn muốn thử nghiệm trong trình duyệt HLS bánh xe màu sẽ là thuận tiện nhất. Nếu bạn đang sử dụng một bảng màu hoặc chuyển giao thiết kế từ Photoshop, nên thích CSS thập lục phân mã màu.