Колір номер 7. Колір в стилях можна задавати різними способами: по шістнадцятиричним значенням, за назвою, в форматі RGB, RGBA, HSL, HSLA. Числові значення кольору

На цій сторінці наведено таблицю з ключовими словами, які можна використовувати для позначення кольорів в таких мовах Web-розробника як: HTML, CSS, JavaScript, Flash, і ін.

У старих спеціфікаціяк концерну WC3 було прописано лише 16 ключових слів, за допомогою яких встановлювалися кольору в HTML і CSS. У подальших, більш сучасних специфікаціях, було додано ще 130 ключових слів для позначення назв квітів. Наступна таблиця містить імена квітів, шістнадцятковий і RGB коди, яким вони відповідають.

Відповідно до правил CSS імена кольорово не чутливі до регістру. Записи кольору IndianRed і indianred рівнозначні.

Також варто звернути увагу, що з 146 ключових слів таблиці, квітів в ній насправді менше. Це викликано тим, що деякі ключові слова позначають один і той же колір. Так імена Grey, і Gray позначають 50-відсотковий сірий колір з кодом # 808080, а слово Magenta - це синонім HTML кольору Fuchsia, відповідного шістнадцятиричним коду # FF00FF. Також синонімами є слова Aqua і Cyan, вони відповідають коду # 00FFFF.

Кольори html позначаються шістьма символами після символу слеш - наприклад, # 000000. Ці шість символів позначають частки різних кольорів (Червоного, Зеленого та Синього кольорів (Red, Green, Blue)) в підсумковому кольорі. У моніторі вашого ком'ютера зображення формується з величезної кількості точок, які називаються пікселями. Кожен піксель - це маленький джерело світла, назвемо його "ліхтарик", який в свою чергу складається з трьох ліхтариків - червоного, зеленого і синього кольору. Зменшуючи або збільшуючи інтенсивність свічення окремих кольорових ліхтариків, ми отримуємо потрібний колір.

Коди квітів html

Кольори в HTML позначаються шістнадцяткові (HEX) позначенням поєднання червоного, синього і зеленого кольору (RGB).

Найменшим значенням кольору є 0 (шестнадцатиричное 00). Найбільшим значенням кольору є 255 (шестнадцатиричное FF).

Шестнадцатиричное значення кольору вдає із себе три цифри, що починаються зі знака #.

Коди (значення) квітів

16 мільйонів відтінків

Поєднання червоного, синього і зеленого кольорів зі значеннями з часткою кожного кольору від 0 до 255 дають в сумі понад 16 мільйонів відтінків (256 x 256 x 256).

Більшість сучасних моніторів здатні відобразити не менш 16384 різних відтінків (РК-монітори, в основному, здатні відображати 262 тисячі 16 мільйонів (Оновлено о жовтні 2013) кольорів, а ЕПТ-монітори здатні відображати практично необмежену кількість квітів).

У колірній таблиці нижче наведено зміна частки червоного кольору з 0 до 255 при нульових значеннях синього і зеленого кольорів:

Відтінки сірого

Для отримання відтінків сірого кольору використовуються рівні частки всіх кольорів. Для полегшення вибору потрібного кольору ми наводимо вам коди відтінків сірого кольору

Крос-браузерні (для всіх браузерів) назви кольорів html

Колекція з 150 назв квітів в html, підтримуваних у всіх браузерах.

Стандартизовані назви кольорів

Консорціум W3C перераховує 16 валідних назв квітів для HTML і CSS: aqua (аквамарин), black (чорний), blue (синій), fuchsia (фуксіновий), gray (сірий), green (зелений), lime (лайм або салатовий), maroon (каштановий), navy (ультрамарин), olive (оливковий), purple (пурпурний), red (червоний), silver (сріблястий), teal (сизий), white (білий) і yellow (жовтий).

При використанні кольорів, що не входять в цей список, правильніше буде використовувати їх шістнадцятковий код (HEX) або код RGB.

безпечні кольори

Кілька років тому, коли комп'ютери могли підтримувати максимум 256 різних кольорів, був запропонований список з 216 «Безпечних web-кольорів» з 40 квітами, зарезервованими для системи.

Ця 216-кольорова палітра була створена для того, щоб правильно відобразити кольору в режимі 256-колірної гами.

Тепер це не важливо, тому що більшість комп'ютерів у всьому світі підтримують мільйони відтінків кольору. У будь-якому випадку ось список цих квітів:

Таблиця (палітра) квітів html надає вам можливість самостійно підібрати потрібний вам тон. Значення кольору відображається в трьох форматах: Hex, RGB і HSV.

• Hex складається з трьох двох символьних значень в шістнадцятковій системі числення. Наприклад: # ff00b3, де перша пара чисел - червоний, друга - зелений, а третя - синій.
• RGB (RedGreenBlue) має вигляд "200,100,255", що позначає кількість відповідного тону (червоний, зелений, синій) в вихідному кольорі.
• HSV (Hue, Saturation, Value - тон, насиченість, значення) - колірна модель, в якій в якості координат є:
  • Hue - колірний тон, може варіюватися в межах від 0 ° до 360 °.
  • Saturation - насиченість, варіюється в межах 0-100 або 0-1. Чим більше цей параметр, тим «чистіше» колір, тому цей параметр іноді називають чистотою кольору. А чим ближче цей параметр до нуля, тим ближче колір до нейтрального сірого.
  • Value (значення кольору) - задає яскравість, значення так само може варіюватися в межах 0-100 або 0-1.

Введіть код кольору: GO

Список кольорів з назвами

У таблиці перераховані назви кольорів англійською мовою (які можна використовувати в якості значень), підтримувані усіма браузерами, і їх шістнадцяткові значення. Всі перераховані кольору є "безпечними", тобто у всіх браузерах будуть відображатися однаково.

Коди квітів в CSS використовуються для вказівки кольору. Як правило, коди кольору або колірні значення використовуються для установки кольору або для переднього плану елемента (наприклад, колір тексту, посилання), або для фону елемента (колір фону, блоку). Вони також можуть використовуватися для зміни кольору кнопки, кордонів, маркера, при наведенні та інших декоративних ефектів.

Ви можете задати свої значення кольору в різних форматах. У наступній таблиці перераховані всі можливі формати:

Нижче більш докладно описані перераховані формати.

Кольори CSS - шістнадцяткові коди

Шістнадцятковий код кольору - це шестизначне уявлення кольору. Перші дві цифри (RR) - являють собою червоне значення, наступні дві - це зелене значення (GG), а останні - синє значення (BB).

Кольори CSS - короткі шіснадцяткові коди

Короткий шістнадцятковий код кольору - це більш коротка форма шестизначної нотації. У цьому форматі кожна цифра повторюється, щоб отримати еквівалентну шестизначне значення кольору. Наприклад: # 0F0 стає # 00FF00.

Шістнадцяткове значення може бути взято з будь-якого графічного програмного забезпечення, такого як Adobe Photoshop, Core Draw і ін.

Кожному шістнадцятиричним коду кольору в CSS буде передувати знак хешу «#». Нижче наведені приклади використання шістнадцятирічних позначень.

Кольори CSS - RGB значення

RGB значення - це код кольору, який задається за допомогою властивості rgb (). Це властивість приймає три значення: по одному для червоного, зеленого і синього. Значення може бути цілим числом, від 0 до 255, або відсотком.

Примітка: не всі браузери підтримують властивість rgb () кольору, тому не рекомендується його використовувати.

Нижче наведено приклад, який показує кілька кольорів з використанням значень RGB.

Генератор колірних кодів

Ви можете створювати мільйони колірних кодів за допомогою нашого сервісу.

Безпечні кольори браузера

Нижче наведено таблицю з 216 кольорів, які найбільш безпечні і незалежні від комп'ютера. Ці кольори в CSS варіюються від 000000 до FFFFFF шістнадцятирічного коду. Вони безпечні у використанні, оскільки гарантують, що всі комп'ютери будуть правильно відображати колір при роботі з 256 палітрою кольорів.

Модуль CSS color докладно описує значення, які дозволяють авторам визначати кольору і непрозорість html-елементів, а також значення властивості color.

властивість color

1. Пріоритетні кольору: властивість color

Властивість задає колір шрифту за допомогою різних систем передачі кольору. Властивість описує колір текстового вмісту елемента. Крім того, воно використовується для надання потенційного непрямого значення (currentColor) для будь-яких інших властивостей, які приймають значення кольору.

Властивість успадковується.

2. Значення кольору

2.1. Основні ключові слова

Список основних ключових слів включає в себе наступні значення:

Назви квітів не чутливі до регістру.

синтаксис

Color: teal;

2.2. Числові значення кольору

2.2.1. Кольори моделі RGB

Формат значення RGB в шістнадцятковому форматі - це знак #, за яким відразу слідують три або шість шістнадцяткових символів. Тризначна запис RGB #rgb перетворюється в шестизначну форму #rrggbb шляхом копіювання цифр, а не шляхом додавання нулів. Наприклад, # fb0 розширюється до # ffbb00. Це гарантує, що білий #ffffff може бути вказаний в короткій записи #fff, і видаляє будь-які залежності від глибини кольору дисплея.

Формат значення RGB у функціональній нотації - rgb (, за яким слід розділений комами список з трьох числових значень (або трьох цілочисельних значень, або трьох процентних значень), за якими слід символ). Цілочисельне значення 255 відповідає 100% і F або FF в шістнадцятковій запису:

Rgb (255,255,255) \u003d rgb (100%, 100%, 100%) \u003d #FFF

Символи пробілу допускаються навколо числових значень.