CSS HEX Кольори
Шістнадцятковий колір (HEX - скорочення від hexadecimal) визначається за допомогою: #RRGGBB, де шістнадцяткові цілі числа RR (червоний), GG (зелений) і BB (синій) визначають компоненти кольору.
HEX Значення
В CSS колір можна вказати за допомогою шістнадцяткового значення в формі:
#rrggbb
Де rr (red), gg (green) та bb (blue) - шістнадцяткові значення між 00 та ff (так само, як і десяткові 0-255).
Наприклад, #ff0000 відображається червоним, тому що для червоного встановлено найбільш високе значення (ff), а для інших встановлено найбільш низьке значення (00).
Поекспериментуйте, змішавши значення HEX нижче:
RED
GREEN
BLUE
Відтінки сірого часто визначаються з використанням однакових значень для всіх трьох джерел світла:
3-значне шістнадцяткове значення
Іноді ви побачите 3-значний шістнадцятковий код у джерелі CSS.
3-значний шістнадцятковий код є скороченням для деяких 6-значних шістнадцяткових кодів.
Тризначний шістнадцятковий код має такий вигляд:
#rgb
Де r, g, b представляють червоний (red), зелений (green) і синій (blue) компоненти зі значеннями від 0 до f.
3-значний шістнадцятковий код можна використовувати, лише якщо обидва значення (RR, GG і BB) однакові для кожного компонента. Отже, якщо ми маємо #ff00cc, це можна записати так: #f0c.
Ось приклад:
Приклад
body {
background-color: #fc9; /* те саме, що #ffcc99 */
}
h1 {
color: #f0f; /* те саме, що #ff00ff */
}
p {
color: #b58; /* те саме, що #bb5588 */
}
Спробуйте самі »
