ตัวแปลง HEX เป็น RGB

HEX คือรหัสเลขฐานสิบหกหกหลักที่พบบ่อยที่สุดในการออกแบบเว็บ (#FF5733) RGB แบ่งสีออกเป็นส่วนประกอบสีแดง เขียว น้ำเงิน (0-255 แต่ละอัน) ซึ่งเป็นรูปแบบธรรมชาติสำหรับหน้าจอ HSL ใช้ Hue (0-360 องศาบนวงล้อสี), Saturation (0-100%) และ Lightness (0-100%) ซึ่งใช้งานง่ายกว่าสำหรับการปรับเฉดสีและความสว่าง

สไลเดอร์อัลฟาควบคุมความโปร่งใสจาก 0 (โปร่งใสสมบูรณ์) ถึง 1 (ทึบสมบูรณ์) เมื่ออัลฟาน้อยกว่า 1 เครื่องมือจะแสดง RGBA และ HSLA แทน RGB/HSL ทั่วไป นี่คือรูปแบบ CSS สำหรับพื้นหลัง เลเยอร์ซ้อนทับ และสีข้อความที่โปร่งใสหรือกึ่งโปร่งใส

HEX สามหลัก (#F53) คือตัวย่อของหกหลัก (#FF5533) โดยแต่ละหลักถูกทำซ้ำสองครั้ง พิมพ์โค้ด 3 หลักโดยตรง ตัวแปลงจะจัดการโดยอัตโนมัติ ผลลัพธ์จะแสดงรูปแบบ 6 หลักเต็มเสมอ

HSL เหมาะกว่าสำหรับการสร้างพาเลทสีและรูปแบบต่างๆ เพื่อทำให้สีสว่างขึ้น ให้เพิ่มค่า Lightness เพื่อลดความอิ่มตัว ให้ลด Saturation เพื่อเปลี่ยนโทนสี ให้เปลี่ยนค่า H RGB ไม่มีความสัมพันธ์ที่ใช้งานง่ายเหล่านี้ ดังนั้น HSL จึงเป็นรูปแบบที่แนะนำสำหรับ dynamic theming และ CSS custom properties

ได้ คลิกปุ่มตัวเลือกสีเพื่อเปิดตัวเลือกสีของเบราว์เซอร์ เบราว์เซอร์บางตัว (Chrome, Edge) รองรับฟีเจอร์ eyedropper ที่สามารถสุ่มตัวอย่างพิกเซลใดก็ได้บนหน้าจอ การรองรับขึ้นอยู่กับเวอร์ชันเบราว์เซอร์ของคุณ

ส่วนผลลัพธ์ CSS แสดงการประกาศสี CSS พร้อมวางสำหรับแต่ละรูปแบบ: background-color: #FF5733; หรือ color: rgb(255, 87, 51); เป็นต้น คลิกปุ่มคัดลอกที่อยู่ถัดจากมันเพื่อคัดลอกบรรทัด CSS ที่แน่นอนไปยังคลิปบอร์ด

ไม่ การคำนวณสีทั้งหมดทำงานในเบราว์เซอร์ของคุณผ่าน JavaScript ไม่มีค่าสี รูปภาพ หรือข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์