ตัวแปลงสี
แปลงรหัสสี hex, RGB และ HSL ทันทีพร้อมตัวอย่างสีแบบสด คัดลอกค่าสีที่พร้อมใช้ใน CSS ในรูปแบบใดก็ได้
อ้างอิงสี CSS ที่มีชื่อ
| ชื่อสี | Hex | RGB | |
|---|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) | |
| Coral | #ff7f50 | rgb(255, 127, 80) | |
| Orange | #ffa500 | rgb(255, 165, 0) | |
| Gold | #ffd700 | rgb(255, 215, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| YellowGreen | #9acd32 | rgb(154, 205, 50) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Cyan | #00ffff | rgb(0, 255, 255) | |
| DodgerBlue | #1e90ff | rgb(30, 144, 255) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| SlateBlue | #6a5acd | rgb(106, 90, 205) | |
| Purple | #800080 | rgb(128, 0, 128) | |
| HotPink | #ff69b4 | rgb(255, 105, 180) | |
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #c0c0c0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) |
คํา ถาม ที่ ถาม บ่อย ๆ
แบ่งรหัส hex 6 หลักออกเป็นสามคู่: คู่แรกคือแดง คู่ที่สองคือเขียว คู่ที่สามคือน้ำเงิน แปลงแต่ละคู่จากเลขฐาน 16 เป็นทศนิยม ตัวอย่าง: #ff5733 → แดง=ff=255, เขียว=57=87, น้ำเงิน=33=51 ได้ rgb(255, 87, 51)
HSL ย่อมาจาก Hue (เฉดสี), Saturation (ความอิ่มตัว) และ Lightness (ความสว่าง) เฉดสีคือมุมบนวงล้อสี (0°–360°) ความอิ่มตัว (0–100%) ควบคุมความสดใสของสี ความสว่าง (0–100%) ควบคุมความสว่าง — 0% คือดำ, 50% คือสีบริสุทธิ์, 100% คือขาว HSL นิยมใช้ใน CSS สำหรับการปรับสีด้วยโปรแกรม
รหัส hex ทั่วไป: แดง=#ff0000, ส้ม=#ffa500, เหลือง=#ffff00, เขียว=#008000, ฟ้าอมเขียว=#00ffff, น้ำเงิน=#0000ff, ม่วง=#800080, ชมพู=#ff69b4, ขาว=#ffffff, เทา=#808080, ดำ=#000000 คลิกที่แถวใดก็ได้ในตารางด้านล่างเพื่อโหลดทันที
CMYK (Cyan, Magenta, Yellow, Black) คือโมเดลสีที่ใช้ในการพิมพ์สี ต่างจาก RGB (สำหรับหน้าจอ) CMYK ลดแสงจากกระดาษสีขาว รหัส hex #ff0000 (แดงบริสุทธิ์) เท่ากับ cmyk(0%, 100%, 100%, 0%) ค่า CMYK จำเป็นสำหรับการเตรียมไฟล์สำหรับการพิมพ์มืออาชีพ