แปลงสีระหว่างรูปแบบต่าง ๆ
ป้อนสีในรูปแบบ CSS ใดก็ได้ — รหัส HEX อย่าง #3B82F6 หรือ #38F, rgb() หรือ rgba(), hsl() หรือชื่อสีอย่าง tomato — หรือเลือกด้วยตัวเลือกสี เครื่องมือจะแสดงสีเดียวกันในรูปแบบ HEX, RGB, HSL, HSV และ CMYK พร้อมคัดลอกไปใช้ใน CSS เครื่องมือออกแบบ หรือการตั้งค่างานพิมพ์
นอกจากนี้ยังแสดงว่าข้อความสีขาวหรือสีดำบนสีนั้นอ่านง่ายเพียงใด ในรูปอัตราส่วนคอนทราสต์ตาม WCAG: ค่า 4.5:1 ขึ้นไปผ่านระดับ AA สำหรับข้อความปกติ สีจะถูกอ่านโดยเบราว์เซอร์ของคุณตรงตามที่ CSS อ่าน
ทำไมต้องใช้ตัวแปลงสีนี้?
- HEX, RGB, HSL, HSV และ CMYK ในที่เดียว
- รองรับสี CSS ทุกรูปแบบและทุกชื่อสี
- รองรับความโปร่งใส (alpha)
- คอนทราสต์ตาม WCAG กับข้อความสีขาวและสีดำ
วิธีแปลงสี
- พิมพ์หรือวางสี หรือเลือกด้วยตัวเลือกสี
- ดูสีในทุกรูปแบบข้างตัวอย่างสี
- คลิกปุ่มคัดลอกข้างรูปแบบที่คุณต้องการ
คำถามที่พบบ่อย
ตัวแปลงสีนี้ใช้ฟรีหรือไม่?
ใช่ ใช้ได้ฟรีทั้งหมดและทำงานในเบราว์เซอร์ของคุณ
RGB, HSL และ HSV ต่างกันอย่างไร?
RGB ผสมแสงสีแดง เขียว และน้ำเงิน (แต่ละค่า 0–255) ส่วน HSL และ HSV อธิบายสีเดียวกันด้วยเฉดสี (hue, 0–360°) ความอิ่มตัว และความสว่าง (lightness หรือ value) ซึ่งทำให้สร้างสีที่อ่อนลง เข้มขึ้น หรือหม่นลงได้ง่ายกว่า
อัตราส่วนคอนทราสต์หมายถึงอะไร?
เป็นการเปรียบเทียบความสว่างของสีข้อความกับสีพื้นหลัง (WCAG 2) ข้อความปกติต้องมีอัตราส่วนอย่างน้อย 4.5:1 สำหรับระดับ AA และ 3:1 สำหรับข้อความขนาดใหญ่ ยิ่งค่าสูงก็ยิ่งอ่านง่าย
มีการส่งข้อมูลใดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ ทุกอย่างคำนวณในเบราว์เซอร์ของคุณ