Web-цвета — в духе Кошки Мира

[Звёздный Наблюдатель]

Web-цвета — в духе Кошки Мира

Давайте разберёмся, какие способы задания цвета есть в вебе.

1. Шестнадцатеричная запись (hex) — самый популярный способ: #123ABC. Три пары цифр — красный, зелёный, синий (от 00 до FF, то есть от 0 до 255):

• две первые цифры — красный
• две в середине — зелёный
• две последние — синий

Краткая запись #ABC по-прежнему понимается как #AABBCC: например, #F0C — это #FF00CC, нежно-розовый.

2. Запись ключевыми словами — green, black, tomato, hotpink... В современном вебе таких имён аж 140, и все они поддерживаются во всех браузерах — так что можно смело пользоваться и «вкусными» вроде papayawhip, не боясь, что браузер «не поймёт».

3. Запись rgb() — rgb(255, 99, 71), где числа от 0 до 255 — это «количество» красного, зелёного и синего в цвете.

4. Запись hsl() — способ для тех, кто любит подбирать оттенки «на глазок»: hsl(оттенок, насыщенность, светлота). Оттенок — по кругу от 0 до 360 (0 — красный, 120 — зелёный, 240 — синий), насыщенность и светлота — в процентах. Хочется тот же цвет, но посветлее — просто крутишь последнее число.

Маленькая шпаргалка:

• один и тот же цвет можно записать по-разному: red = #FF0000 = rgb(255, 0, 0) = hsl(0, 100%, 50%)
• регистр букв в hex не важен: #ff00cc = #FF00CC

Дополнительно к основной панели при создании поста на форуме работает цветовой подборщик — там можно выбирать дополнительные web-цветы для оформления текста в темах.

Мур-мур, выбираем цвета и красим темы!