ป้อนระดับสีแดง เขียว และน้ำเงิน (0..255) แล้วกดปุ่มแปลง :
ค่า R, G , Bหารด้วย 255 เพื่อเปลี่ยนช่วงจาก 0..255 เป็น 0..1 :
R' = R/255
G' = G/255
B' = B/255
Cmax = max(R', G', B')
Cmin = min(R', G', B')
Δ = Cmax - Cmin
การคำนวณเว้:
การคำนวณความอิ่มตัว:
การคำนวณความสว่าง:
L = (Cmax + Cmin) / 2
สี | สี ชื่อ |
เลขฐานสิบหก | (อาร์,จี,บี) | (ช,ส,ล) |
---|---|---|---|---|
สีดำ | #000000 | (0,0,0) | (0°,0%,0%) | |
สีขาว | #FFFFFF | (255,255,255) | (0°,0%,100%) | |
สีแดง | #FF0000 | (255,0,0) | (0°,100%,50%) | |
มะนาว | #00FF00 | (0,255,0) | (120°,100%,50%) | |
สีฟ้า | #0000FF | (0,0,255) | (240°,100%,50%) | |
สีเหลือง | #FFFF00 | (255,255,0) | (60°,100%,50%) | |
สีฟ้า | #00FFFF | (0,255,255) | (180°,100%,50%) | |
สีม่วงแดง | #FF00FF | (255,0,255) | (300°,100%,50%) | |
เงิน | #บีบีบีบีเอฟ | (191,191,191) | (0°,0%,75%) | |
สีเทา | #808080 | (128,128,128) | (0°,0%,50%) | |
สีน้ำตาลแดง | #800000 | (128,0,0) | (0°,100%,25%) | |
มะกอก | #808000 | (128,128,0) | (60°,100%,25%) | |
สีเขียว | #008000 | (0,128,0) | (120°,100%,25%) | |
สีม่วง | #800080 | (128,0,128) | (300°,100%,25%) | |
นกเป็ดน้ำ | #008080 | (0,128,128) | (180°,100%,25%) | |
กองทัพเรือ | #000080 | (0,0,128) | (240°,100%,25%) |
แปลงค่า RGB เป็นค่า HSL: เครื่องมือนี้ช่วยให้ผู้ใช้สามารถป้อนค่า RGB (แดง, เขียว, น้ำเงิน) และแปลงให้เป็นค่า HSL ที่สอดคล้องกัน (สี ความอิ่มตัว ความสว่าง)
แปลงค่า HSL เป็นค่า RGB: เครื่องมือนี้ยังอนุญาตให้ผู้ใช้ป้อนค่า HSL และแปลงเป็นค่า RGB ที่สอดคล้องกัน
การป้อนสีแบบกำหนดเอง: ผู้ใช้สามารถป้อนค่า RGB หรือ HSL ของตนเองเพื่อแปลงเป็นรูปแบบอื่นได้
ตัวเลือกสี: เครื่องมือแปลงสี RGB เป็น HSL บางตัวอาจมีคุณสมบัติตัวเลือกสี ซึ่งช่วยให้ผู้ใช้สามารถเลือกสีจากจานสีที่มองเห็นได้ หรือโดยการปรับแถบเลื่อนสำหรับค่า RGB หรือ HSL
ดูตัวอย่างสีที่ได้: เครื่องมือควรแสดงตัวอย่างสีที่ได้หลังจากการแปลง เพื่อให้ผู้ใช้สามารถดูว่าสีนั้นเป็นอย่างไร
การแปลงหลายสี: เครื่องมือบางอย่างอาจอนุญาตให้ผู้ใช้แปลงหลายสีพร้อมกัน ไม่ว่าจะโดยการป้อนค่าหลายชุดหรือโดยใช้แถบสีหรือจานสี
ไลบรารีสีหรือจานสี: เครื่องมือบางอย่างอาจรวมถึงไลบรารีหรือจานสีของสีที่กำหนดไว้ล่วงหน้า ซึ่งผู้ใช้สามารถเลือกจากหรือใช้เป็นข้อมูลอ้างอิงได้
การออกแบบที่ตอบสนองตามอุปกรณ์: เครื่องมือควรตอบสนองได้ดีและทำงานได้ดีบนอุปกรณ์ต่างๆ เช่น คอมพิวเตอร์เดสก์ท็อป แท็บเล็ต และสมาร์ทโฟน
การแสดงภาพพื้นที่สี HSL: เครื่องมือบางอย่างอาจรวมถึงการแสดงภาพพื้นที่สี HSL ซึ่งสามารถช่วยให้ผู้ใช้เข้าใจว่าค่า HSL ที่แตกต่างกันสอดคล้องกับสีที่ต่างกันอย่างไร
ตัวเลือกในการปรับค่า HSL เป็นเปอร์เซ็นต์หรือองศา: เครื่องมือบางอย่างอาจอนุญาตให้ผู้ใช้ป้อนค่า HSL เป็นเปอร์เซ็นต์หรือองศา ขึ้นอยู่กับการตั้งค่า
Advertising