แปลงสี

ทำงานอย่างไร

วิธีเขียนสีทั่วไปสามแบบเหมาะกับงานต่างกัน HEX กะทัดรัดและเป็นสิ่งที่เครื่องมือออกแบบให้คุณ RGB สอดคล้องกับวิธีที่หน้าจอทำงานจริง HSL เป็นแบบที่คนใช้เหตุผลได้ เพราะการปรับความสว่างหรือความอิ่มตัวคือตัวเลขเดียว

ทำไมควรรู้จัก HSL

ใน HSL สีเวอร์ชันที่สว่างขึ้นคือเฉดและความอิ่มตัวเดิมด้วยความสว่างที่สูงขึ้น ใน HEX หรือ RGB การเปลี่ยนแปลงเดียวกันหมายถึงการคำนวณค่าสามค่าใหม่ ซึ่งไม่มีความสัมพันธ์ชัดเจนกับสิ่งที่คุณต้องการ

รับอะไรบ้าง

hex สามหรือหกหลักโดยมีหรือไม่มีเครื่องหมายแฮช, rgb() หรือ rgba() และ hsl() หรือ hsla() อัลฟาถูกละเลย เพราะเขียนเหมือนกันในทุกรูปแบบการเขียน