ล่าสุดการพัฒนาเว็บบทเรียน
 

Colors nCol

❮ก่อนหน้า ถัดไปบท❯

nCol เครื่องคิดเลข


rgb (255, 0, 0)
FF0000 #
HSL (0, 100%, 50%)

H:
w:
B:

สีธรรมชาติ (nCol)

สีธรรมชาติ (nCol) เป็นความคิดริเริ่มจาก w3ii

ระบบถูกออกแบบมาเพื่อให้ง่ายต่อการเลือกสี HTML

nCol ระบุสีโดยใช้ตัวอักษรสีที่มีจำนวนการระบุระยะทาง (ร้อยละ) จากสี

R30 หมายถึง 30% ออกไปจากสีแดง, สีเหลืองเคลื่อนไป (ในคำอื่น ๆ : สีแดงกับสีเหลือง 30%)

จดหมาย สี เฉดสี
R สีแดง
R
R25
R50
R75
Y สีเหลือง
Y
Y25
Y50
Y75
G สีเขียว
G
G25
G50
G75
C สีฟ้า
C
C25
C50
C75
B สีน้ำเงิน
B
B25
B50
B75
M สีม่วงแดงเข้ม
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 คุณสามารถรวม w3ii 'ห้องสมุดสีและใช้ 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="http://www.w3ii.com/lib/w3color.js"></script>
ลองตัวเอง»

ห้องสมุดสี w3ii

ห้องสมุด JavaScript ที่ใช้ในตัวอย่างข้างต้นสามารถดาวน์โหลดได้จาก

http://www.w3ii.com/lib/w3color.js

ทำไม nCol?

พยายามที่จะอธิบายโดยใช้สี RGB หรือสัญกรณ์ HEX เป็นเรื่องยากมาก

คุณสามารถบอกได้ว่าสี RGB (199,21,133) คืออะไร?

RGB จะขึ้นอยู่กับวิธีการผลิตสีร่างกายโดยการผสมแหล่งกำเนิดแสง

nCol จะขึ้นอยู่กับสิ่งที่มีลักษณะเช่นสีได้ด้วยตามนุษย์

ด้วยเหตุนี้ nCol ทำให้มันง่ายมากที่จะอธิบายสี

สีธรรมชาติถูกอธิบายเป็นครั้งแรกโดยคาร์ลวาลด์คอนสแตนติ Hering (เยอรมนี 1834-1918)


❮ก่อนหน้า ถัดไปบท❯