Цвета _
Калькулятор NCol
RGB(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
ЧАС:
Вт:
Б:
Естественные цвета (NCol) — это инициатива W3Schools.
Система предназначена для упрощения выбора цветов HTML.
NCol задает цвета, используя цветную букву с числом, чтобы указать расстояние (в процентах) от цвета.
R30 означает 30% от красного , приближаясь к желтому . (Другими словами: красный с 30% желтого)
| Письмо | Цвет | Оттенки |
|---|---|---|
| р | красный |
р
Р25
50 рэндов
Р75
|
| Д | Желтый |
Д
Y25
Y50
Y75
|
| г | Зеленый |
г
G25
G50
G75
|
| С | Голубой |
С
С25
С50
С75
|
| Б | Синий |
Б
Б25
В50
B75
|
| М | Пурпурный |
М
М25
М50
М75
|
| р | Д | г | С | Б | М | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Цвет и расстояние также могут быть заданы в оттенках (0-360):
| Р = 000 | Y = 060 | Г = 120 | С = 180 | В = 240 | М = 300 |
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>
Библиотеку JavaScript, используемую в приведенном выше примере, можно загрузить с
https://www.w3schools.com/lib/w3color.js
Попытка объяснить цвета с помощью нотации RGB или HEX очень сложна.
Можете ли вы сказать, что такое цвет rgb (199,21,133)?
RGB основан на том, как физически создавать цвета путем смешивания источников света.
NCol основан на том, как цвета выглядят для человеческого глаза.
Благодаря этому NCol значительно упрощает описание цветов.
Природные цвета были впервые описаны Карлом Эвальдом Константином Герингом (Германия, 1834 - 1918).