ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Цвета в HTML. Уроки для начинающих

Цвета NCol (Натуральные цвета)


NCol калькулятор


 
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)


H:
W:
B:

Natural Colors (NCol) - Натуральные цвета

Natural colours (NCol), что переводится как "натуральные цвета" - это инициатива сайта W3Schools.

Система предназначена для облегчения выбора цветов HTML.

NCol задает цвета, используя цветную букву с цифрой, чтобы указать расстояние (в процентах) от цвета.

R30 означает 30% от red (красного), двигаясь в сторону yellow (жёлтого). (Другими словами: красный с 30% желтого).

БукваЦветОттенки
RRed
R
R25
R50
R75
YYellow
Y
Y25
Y50
Y75
GGreen
G
G25
G50
G75
CCyan
C
C25
C50
C75
BBlue
B
B25
B50
B75
MMagenta
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>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>

</div>

<script src="/lib/w3color.js"></script>
Попробуйте сами »

Библиотека цветов W3Schools

Библиотеку JavaScript, использованную в приведенном выше примере, можно загрузить с:

https://w3schoolsrus.github.io/lib/w3color.js


Почему NCol?

Попытка объяснить цвета с использованием обозначений RGB или HEX очень трудна.

Можете ли вы сказать, какого цвета rgb(199,21,133)?

RGB основан на том, как физически создавать цвета, смешивая источники света.

NCol основан на том, как цвета выглядят человеческим глазом.

Благодаря этому NCol значительно упрощает описание цветов.

Естественные цвета были впервые описаны Карлом Эвальдом Константином Герингом (Германия, 1834 - 1918).