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