ห้องสมุดสี
ห้องสมุดสี CSS ไฟล์ขนาดเล็กที่มีค่าสีที่ใช้ทั่วไปเช่นมาตรฐานความปลอดภัยสีทางหลวงแฟชั่นสีเป็นสีกองทัพพรางและอื่น ๆ
ทางหลวงเหลือง
ห้องสมุดสีที่ใช้งานง่ายมาก เพียงแค่เพิ่มการเชื่อมโยงห้องสมุดไปยังหน้าเว็บของคุณ:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
และชื่อชั้นองค์ประกอบ HTML ที่คุณต้องการสี:
<div class="w3-highway-yellow">Highway Yellow
ลองตัวเอง» สีทางหลวงสหรัฐ
| ชื่อ |
|---|
| W3 ทางหลวงน้ำตาล |
| W3 ทางหลวงแดง |
| W3 ทางหลวงส้ม |
| W3 ทางหลวง-schoolbus |
| W3 ทางหลวงสีเหลือง |
| W3 ทางหลวงเขียว |
| W3 ทางหลวงฟ้า |
ตัวอย่าง
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
ลองตัวเอง» ดาวน์โหลดแบบ CSS » คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสีทางหลวงใน รัฐบาลกลางมาตรฐาน 595
ความปลอดภัยสีสหรัฐ
| ชื่อ |
|---|
| W3 ความปลอดภัยแดง |
| W3 ความปลอดภัยส้ม |
| W3 ความปลอดภัยสีเหลือง |
| W3 ความปลอดภัยเขียว |
| W3 ความปลอดภัยสีฟ้า |
| W3 ความปลอดภัยม่วง |
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับความปลอดภัยในการสี ของรัฐบาลกลางมาตรฐาน 595
สีพราง
| ชื่อ |
|---|
| W3-Camo สีน้ำตาล |
| W3-Camo สีแดง |
| W3-Camo มะกอก |
| W3-Camo สนาม |
| W3-Camo แผ่นดิน |
| W3-Camo ทราย |
| W3-Camo-Tan |
| W3-Camo หินทราย |
| W3-Camo-สีเขียวเข้ม |
| W3-Camo ป่า |
| W3-Camo แสงสีเขียว |
| W3-Camo สีเขียว |
| W3-Camo-สีเทาเข้ม |
| W3-Camo สีเทา |
| W3-Camo สีดำ |
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสีพรางใน รัฐบาลกลางมาตรฐาน 595
ตัวอย่าง
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
ลองตัวเอง» ดาวน์โหลดแบบ CSS » สีสันสดใส
| ชื่อสี |
|---|
| W3-Vivid สีชมพู |
| W3-Vivid สีแดง |
| W3-Vivid ส้ม |
| W3-Vivid สีเหลือง |
| W3-Vivid สีเขียว |
| W3-Vivid สีฟ้า |
| W3-Vivid ม่วง |
| W3-Vivid สีม่วง |
| W3-Vivid สีดำ |
| W3-Vivid สีขาว |
| W3-Vivid-สีเหลืองสีชมพู |
| W3-Vivid-สีแดงส้ม |
| W3-Vivid-สีเหลืองอมส้ม |
| W3-Vivid-สีเขียวสีเหลือง |
| W3-Vivid-สีเหลืองสีเขียว |
| W3-Vivid-สีเขียวเหลือง |
| W3-Vivid-สีฟ้าสีเขียว |
| W3-Vivid-สีเขียวสีฟ้า |
| W3-Vivid-สีม่วงสีฟ้า |
| W3-Vivid-แดงม่วง |
| WW3-Vivid-สีม่วงแดง |
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสีสดใสใน ISCC-NBS
ตัวอย่าง
<div class="w3-vivid-red">
<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>
ลองตัวเอง» ดาวน์โหลดแบบ CSS » สีสัญญาณยุโรป
| สี Nameeee |
|---|
| W3 สัญญาณสีเหลือง |
| W3 สัญญาณส้ม |
| W3 สัญญาณสีแดง |
| W3 สัญญาณไวโอเลต |
| W3 สัญญาณสีฟ้า |
| W3 สัญญาณสีเขียว |
| W3 สัญญาณสีเทา |
| W3 สัญญาณสีน้ำตาล |
| W3 สัญญาณสีขาว |
| W3 สัญญาณสีดำ |
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสีสัญญาณยุโรปใน RAL สีมาตรฐาน
ตัวอย่าง
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
ลองตัวเอง» ดาวน์โหลดแบบ CSS » สีผสมอาหาร
| ชื่อ |
|---|
| W3 อาหารแอปเปิ้ล |
| W3-อาหารของหน่อไม้ฝรั่ง |
| W3-อาหารแอปริคอท |
| W3-อาหารมะเขือ |
| W3-อาหารอะโวคาโด |
| W3 อาหารกล้วย |
| W3 อาหารเนย |
| W3-อาหารบลูเบอร์รี่ |
| W3 อาหารเชอร์รี่ |
| W3 อาหารช็อคโกแลต |
| W3-อาหารแครนเบอร์รี่ |
| W3 อาหารกาแฟ |
| W3 อาหารไข่ |
| W3 อาหารองุ่น |
| W3-อาหารกีวี |
| W3 อาหารมะนาว |
| W3 อาหารมะนาว |
| W3 อาหารมะม่วง |
| W3 อาหารเห็ด |
| W3-อาหารมัสตาร์ด |
| W3 อาหารสะระแหน่ |
| W3 อาหารมะกอก |
| W3 อาหารสีส้ม |
| W3 อาหารถั่ว |
| W3-อาหารลูกพีช |
| W3 อาหารลูกแพร์ |
| W3-อาหาร pistachio |
| W3-อาหารพลัม |
| W3 อาหารราสเบอร์รี่ |
| W3-อาหารสีเหลือง |
| W3-อาหารปลาแซลมอน |
| W3-อาหารพืชชนิดหนึ่ง |
| W3-อาหารสควอช |
| W3 อาหารสตรอเบอร์รี่ |
| W3-อาหารมะเขือเทศ |
| W3 อาหารข้าวสาลี |
| W3 อาหารไวน์ |