เครื่องมือแปลงสี HSL เป็น RGB
แปลงสีจาก HSL เป็น RGB ทันทีที่คุณพิมพ์ — ฟรี รวดเร็ว พร้อมตัวอย่างการคำนวณและตารางเปรียบเทียบสีทั่วไปครับ
พิมพ์ค่าสี HSL เพื่อดูค่าสี RGB ที่ด้านล่าง หรือเลือกสีจากจานสีได้เลยครับ
ตัวอย่างการแปลงสี
HSL 11, 100%, 60% = RGB 255, 87, 51
วิธีการแปลงสี
- HSL อธิบายสีเดียวกันด้วยค่าโทนสี (Hue: 0–360° บนวงล้อสี), ความอิ่มตัวของสี (Saturation) และความสว่าง (Lightness) ซึ่งสะดวกมากในการปรับสีให้เข้มขึ้นหรือจางลงโดยเปลี่ยนค่าเพียงตัวเดียว
สีทั่วไปในรูปแบบ HSL และ RGB
| สี | HSL | RGB |
|---|---|---|
| สีแดง | 0, 100%, 50% | 255, 0, 0 |
| สีส้ม | 39, 100%, 50% | 255, 165, 0 |
| สีเหลือง | 60, 100%, 50% | 255, 255, 0 |
| สีเขียว | 120, 100%, 25% | 0, 128, 0 |
| สีฟ้าอมเขียว (Cyan) | 180, 100%, 50% | 0, 255, 255 |
| สีน้ำเงิน | 240, 100%, 50% | 0, 0, 255 |
| สีม่วง | 300, 100%, 25% | 128, 0, 128 |
| สีชมพู | 350, 100%, 88% | 255, 192, 203 |
| สีน้ำตาล | 0, 59%, 41% | 165, 42, 42 |
| สีขาว | 0, 0%, 100% | 255, 255, 255 |
| สีเทา | 0, 0%, 50% | 128, 128, 128 |
| สีดำ | 0, 0%, 0% | 0, 0, 0 |
ทุกการแปลงค่าจะทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดข้อมูลที่คุณกรอกไปยัง BroBroGo
คำถามที่พบบ่อย
จะแปลงสีจาก HSL เป็น RGB ได้อย่างไร?
พิมพ์หรือวางค่าสี HSL ของคุณที่ด้านบน — ค่าสี RGB จะอัปเดตทันทีที่คุณพิมพ์ นอกจากนี้คุณยังสามารถเลือกสีจากจานสีเพื่อดูค่าได้อีกด้วยครับ
การแปลงสีมีความแม่นยำหรือไม่?
ค่าต่างๆ จะถูกปัดเศษเป็นจำนวนเต็ม ซึ่งเป็นรูปแบบที่ CSS และเครื่องมือออกแบบทั่วไปต้องการ ความแตกต่างนั้นน้อยมากจนไม่สามารถมองเห็นได้ด้วยตาเปล่าครับ