NCol Кольори
NCol Калькулятор
Natural Colors (NCol) - Натуральні кольори
Натуральні кольори (NCol) - це ініціатива W3Schools.
Система призначена для спрощення вибору кольорів HTML.
NCol визначає кольори, використовуючи кольорову літеру з цифрою, щоб вказати відстань (у відсотках) від кольору.
R30 означає 30% від Red, рухається назустріч Yellow. (Іншими словами: червоний із 30% жовтого)
| Letter | Color | Hues |
|---|---|---|
| R | Red |
R
R25
R50
R75
|
| Y | Yellow |
Y
Y25
Y50
Y75
|
| G | Green |
G
G25
G50
G75
|
| C | Cyan |
C
C25
C50
C75
|
| B | Blue |
B
B25
B50
B75
|
| M | Magenta |
M
M25
M50
M75
|
| R | Y | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Колір і відстань також можна вказати у відтінках (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
HTML Підтримка
NCol не підтримується в HTML, але він дуже близький до нової системи кольорів HWB, запропонованої в CSS4.
Очікуючи CSS4, ви можете включити бібліотеку кольорів W3Schools і використовувати NCol як HTML-атрибут, як тут:
Приклад
<div data-w3-color="R50,50%,0">
<p>Київ - це столиця Великої України.
Це найбільш густонаселене місто Великої України,
з агломерацією понад 5 мільйонів жителів.</p>
</div>
<script src="../lib/w3color.js"></script>
Спробуйте самі »
Бібліотека кольорів W3Schools
Бібліотеку JavaScript, використану у прикладі вище, можна завантажити з:
https://www.w3schools.com/lib/w3color.js
Також ви можете скористатись альтернативним завантаженням із нашого сайту W3Schools українською за посиланням: https://w3schoolsua.github.io/lib/w3color.js
Чому NCol?
Спроба пояснити кольори за допомогою позначень RGB або HEX дуже складна.
Чи можете ви сказати, що таке колір rgb(199,21,133)?
RGB заснований на тому, як фізично виробляти кольори, змішуючи джерела світла.
NCol базується на тому, як кольори виглядають для людського ока.
Через це NCol значно полегшує опис кольорів.
Вперше природні кольори описав Карл Евальд Костянтин Герінг (Німеччина 1834 - 1918).
