HTML Кольори.

Існує кілька різних варіантів представлення кольору.

Ось їх список:

RGB – Red Green Blue (Червоний Зелений Синій)
HSL – Hue Saturation Lightness (Тон Насиченість Світлість)
CMYK – Cyan Magenta Yellow blacK (Блакитний Малиновий Жовтий Чорний)

Найпопулярнішою є колірна модель – RGB. Саме її при створенні сайту на HTML і іспользуют.Модель RGB містить три складових кольору (червону, зелену і синю), тому для визначення кольору необхідно їх все поставити. Значення кожної складової варіюється від 0 до 255 або 0 до $ FF (в шістнадцятковій системі числення).

Колір в HTML можна задати або словесним способом, або безпосередньо записати шестизначне шістнадцяткове число в форматі #RRGGBB (HEX). Де замість RR, GG і BB підставляються конкретні значення від 00 до FF, чим більше число, тим сильніше вміст цієї складової в кольорі.

/ * Ім’я кольору * /
p {color: red} / * Базовий список квітів * /
p {color: blanchedalmond} / * Розширений список квітів (X11) * /

/ * Модель RGB * /
p {color: # F00} / * #rgb * /
p {color: # FF0000} / * #rrggbb * /
p {color: rgb (255,0,0)} / * ціле в діапазоні 0 – 255 * /
p {color: rgb (100%, 0%, 0%)} / * число з плаваючою точкою 0.0% – 100.0% * /

/ * Модель RGB з альфа-каналом, введена в CSS3 * /
p {color: rgba (255, 0, 0, 0.5)} / * 0.5 прозорість, напівпрозорість * /

/ * Модель HSL, введена в CSS3 * /
p {color: hsl (0, 100%, 50%)} / * червоний (red) * /
p {color: hsl (120, 100%, 50%)} / * зелений (green) * /
p {color: hsl (120, 100%, 25%)} / * темно-зелений (dark green) * /
p {color: hsl (120, 100%, 75%)} / * світло-зелений (light green) * /
p {color: hsl (120, 50%, 50%)} / * пастельний зелений (pastel green) * /

/ * Модель HSL з альфа-каналом * /
p {color: hsla (120, 100%, 50%, 1)} / * зелений (green) * /
p {color: hsla (120, 100%, 50%, 0.5)} / * напівпрозорий зелений * /
p {color: hsla (120, 100%, 50%, 0.1)} / * дуже прозорий зелений * /

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4.50 out of 5)
Loading...

Залишити коментар