Колір можна додати до вашої спільноти в різних місцях. Наприклад, ви можете використовувати конструктор тем, щоб налаштувати палітру кольорів вашої вікі. Або ви можете додати більш конкретний колір за допомогою шаблонів вашої спільноти та CSS.
Визначення кольорів[]
Шістнадцяткові коди[]
Майже будь-який колір, який тільки можна уявити, можна представити шестизначним шістнадцятковим кодом — числовим представленням кількості червоного, зеленого та синього кольорів у цьому конкретному кольорі. RGBA — ще одна колірна модель, яка часто використовується в Інтернеті. Він включає не тільки червоний, зелений і синій, а й «альфа» або канали прозорості. Тому шістнадцяткові коди та коди RGB/RGBA точніші, хоча й менш зручні для користувача, ніж назви кольорів.
У діаграмах нижче наведено кілька шістнадцяткових кодів для кількох кольорів. Якщо ви хочете використовувати будь-який із них, просто додайте їх там, де це необхідно. Наприклад, якщо ви бажаєте зробити колір кнопки білим у конструкторі тем, скопіюйте шістнадцятковий код цього кольору (#FFFFFF). Потім додайте його в поле введення на вкладці налаштування.
Примітка. Шістнадцяткові коди не чутливі до регістру, тому #ffffff і #FFFFFF позначають те саме.
Назви кольорів[]
Є два основних типи назв кольорів, яким надається перевага: HTML і веб-кольори.
Назви кольорів HTML[]
Для зручності використання деякі кольори мають ключові слова кольору — (незалежні від регістру) назви, як-от red' і YELLOW'. Специфікація HTML 4.01[1] визначає шістнадцять «базових» кольорів ключові слова:
| Назва | Шістнадцятковий код |
|---|---|
| cyan | #00FFFF |
| navy | #000080 |
| black | #000000 |
| olive | #808000 |
| blue | #0000FF |
| purple | #800080 |
| fuchsia | #FF00FF |
| red | #FF0000 |
| Назва | Шістнадцятковий код |
|---|---|
| green | #008000 |
| silver | #C0C0C0 |
| gray | #808080 |
| teal | #008080 |
| lime | #00FF00 |
| white | #FFFFFF |
| maroon | #800000 |
| yellow | #FFFF00 |
Назви кольорів RGBA[]
Примітка: Ви також можете знайти RGB коди, які є такими самими, як і коди RGBA, але без альфа-каналу. Це робить їх функціонально еквівалентними наведеним вище кодам кольорів HTML.
Кольорові канали мають значення від 0 до 255, тоді як альфа-канал або канал прозорості завжди має значення від 0 до 1, де 0 означає повну прозорість, а 1 означає повну непрозорість або відсутність прозорості.
Перше з чотирьох чисел позначає червоний канал, друге — зелений канал, третє — синій канал, а четверте — альфа-канал.
| Назва | Код RGBA |
|---|---|
| cyan | rgba(0, 255, 255, 1) |
| navy | rgba(0, 0, 128, 1) |
| black | rgba(0, 0, 0, 1) |
| olive | rgba(128, 128, 0, 1) |
| blue | rgba(0, 0, 255, 1) |
| purple | rgba(128, 0, 128, 1) |
| fuchsia | rgba(255, 0, 255, 1) |
| red | rgba(255, 0, 0, 1) |
| Назва | Код RGBA |
|---|---|
| green | rgba(0, 128, 0, 1) |
| silver | rgba(192, 192, 192, 1) |
| gray | rgba(128, 128, 128, 1) |
| teal | rgba(0, 128, 128, 1) |
| lime | rgba(0, 255, 0, 1) |
| white | rgba(255, 255, 255, 1) |
| maroon | rgba(128, 0, 0, 1) |
| yellow | rgba(255, 255, 0, 1) |
Веб-назви кольорів[]
Однак якщо ви витратили час на кодування, ви знаєте, що існують інші назви кольорів, як-от cornflowerblue' і 'lenn. Ці розширені ключові слова кольорів є назвами кольорів X11, визначеними веб-браузерами.
Перша версія системи X Window визначала ключові слова кольорів за назвами кольорів X11. Сьогодні веб-кольори, система-нащадок X11, надають доступні кольори.
Великий корисний список назв кольорів і еквівалентних шістнадцяткових кодів можна знайти у тут[2][3]/
Флуоресцентні кольори[]
'Флуоресцентні або неонові' кольори можуть сяяти на сторінках вашої вікі, залежно від того, як ви налаштували основні кольори в rjycnhernjhs тем. Ефект може бути захоплюючим і ефективним. Тож пограйте з наступним. Але пам'ятайте: трохи неону має велике значення!
| Назва | Шістнадцятковий код |
|---|---|
| Rainshower | #C9FFE5 |
| Blizzard Blue | #A3E3ED |
| Psychedelic Purple | #FA00FF |
| Harlequin | #3FFF00 |
| Bubbles | #E7FEFF |
| Razzle Dazzle Rose | #FF33CC |
| Electric Purple | #BF00FF |
| Hot Magenta | #FF00CC |
| Neon Carrot | #FFA343 |
| Chartreuse Yellow | #DFFF00 |
| Shocking Pink | #FC0FC0 |
| Назва | Шістнадцятковий код |
|---|---|
| Screamin' Green | #66FF66 |
| Purple Pizzazz | #FE4EDA |
| Electric Violet | #8B00FF |
| Sunglow | #FFCC33 |
| Electric Lime | #CCFF00 |
| Snowy Mint | #D6FFDB |
| Flamingo Pink | #FF66FF |
| Infra Red | #FF496C |
| Laser Lemon | #FFFF66 |
| Phlox | #DF00FF |
| Veronica | #A020F0 |
Доступно кілька онлайн-інструментів, які допоможуть вам вибрати правильний колір.
Колір і доступність[]
Хоча творче ставлення до кольору може значно покращити вигляд вашої вікі, важливо пам’ятати, що не всі сприймають колір однаково. Також важливо, щоб ваша вікі була доступна для дальтоніків, людей із вадами зору чи інвалідів.
Різкі контрасти також можуть вважатися «шкідливими для очей», тому їх слід уникати. Одним із корисних сайтів є Contrast Checker.
Примітки[]
Див. також[]
- Веб-кольори у Вікіпедії, на основі яких була створена ця сторінка
- Колірне коло 4096
- Назви кольорів і відтінок Колбліндора
- The Do’s and Don’ts of Дизайн з неоновими кольорами
- Дальтонізм і веб-дизайн
- Огляд того, як контраст впливає на вибір кольорів у вашій вікі
- Редагування зовнішнього вигляду вашої вікі за допомогою конструктора тем