สีNCol
เครื่องคิดเลข Ncol
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
ชม:
ว:
ข:
สีธรรมชาติ (NCol) เป็นความคิดริเริ่มจาก W3Schools
ระบบได้รับการออกแบบมาเพื่อให้เลือกสี HTML ได้ง่ายขึ้น
NCol ระบุสีโดยใช้ตัวอักษรสีพร้อมตัวเลขเพื่อระบุระยะทาง (เป็นเปอร์เซ็นต์) จากสี
R30 หมายถึง ห่างจากสีแดง 30% ไป ทางสีเหลือง (กล่าวอีกนัยหนึ่ง: สีแดงกับสีเหลือง 30%)
| จดหมาย | สี | Hues |
|---|---|---|
| R | สีแดง |
R
R25
R50
R75
|
| Y | สีเหลือง |
Y
Y25
Y50
Y75
|
| จี | เขียว |
จี
G25
G50
G75
|
| ค | สีฟ้า |
ค
C25
C50
C75
|
| บี | สีฟ้า |
บี
B25
B50
B75
|
| เอ็ม | สีม่วงแดง |
เอ็ม
M25
M50
M75
|
| R | Y | จี | ค | บี | เอ็ม | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
สีและระยะทางสามารถกำหนดเป็นเฉดสีได้ (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 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 ทำให้อธิบายสีได้ง่ายขึ้นมาก
เป็นครั้งแรกที่ Karl Ewald Konstantin Hering อธิบายสีธรรมชาติ (เยอรมนี 1834 - 1918)