색상 NCol
NCol 계산기
RGB(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
시간:
여:
비:
자연 색상(NCol)은 W3Schools의 이니셔티브입니다.
시스템은 HTML 색상을 더 쉽게 선택할 수 있도록 설계되었습니다.
NCol은 색상과의 거리(백분율)를 지정하기 위해 숫자와 함께 색상 문자를 사용하여 색상을 지정합니다.
R30은 빨간색 에서 30% 떨어져 노란색 으로 이동 함을 의미 합니다. (즉, 빨간색에 노란색 30%)
편지 | 색상 | 색조 |
---|---|---|
아르 자형 | 빨간색 |
아르 자형
R25
R50
R75
|
와이 | 노랑 |
와이
Y25
Y50
Y75
|
G | 녹색 |
G
G25
G50
G75
|
씨 | 시안 |
씨
C25
C50
C75
|
비 | 푸른 |
비
B25
B50
B75
|
중 | 마젠타 |
중
M25
M50
M75
|
아르 자형 | 와이 | G | 씨 | 비 | 중 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
색상과 거리도 색조(0-360)로 지정할 수 있습니다.
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | 남 = 300 |
NCol은 HTML에서 지원하지 않지만 CSS4에서 제안하는 새로운 HWB 색상 시스템에 매우 가깝습니다.
CSS4를 기다리는 동안 W3Schools의 Color 라이브러리를 포함하고 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을 사용하면 색상을 훨씬 쉽게 설명할 수 있습니다.
자연 색상은 Karl Ewald Konstantin Hering(독일 1834-1918)에 의해 처음 기술되었습니다.