วิธีแปลงสี
- คลิกที่กล่องสีเพื่อเลือกสี หรือพิมพ์ในช่องข้อความ
- พิมพ์เป็น HEX (#1e90ff), rgb(), hsl() หรือชื่อสีภาษาอังกฤษได้
- ดูสีในตัวอย่าง พร้อมค่า HEX, RGB, HSL และ CMYK ที่เทียบเท่า
- คัดลอกรูปแบบที่ต้องการ และตรวจความเปรียบต่างกับตัวอักษรสีขาวหรือสีดำ
ใช้ทำอะไรได้บ้าง
นักออกแบบและนักพัฒนามักต้องแปลงสีจากรูปแบบหนึ่งไปอีกรูปแบบ เช่น HEX จากชุดสี rgb() ในสไตล์ชีต หรือ HSL เพื่อสร้างสีเข้มหรืออ่อนกว่า เครื่องมือนี้ทำได้ในขั้นตอนเดียว
ยังคำนวณความเปรียบต่างของสีกับตัวอักษรสีขาวและสีดำตามแนวทางการเข้าถึง WCAG: 4.5:1 สำหรับระดับ AA และ 7:1 สำหรับระดับ AAA กับตัวอักษรขนาดปกติ
CMYK เป็นการแปลงอย่างง่าย ใช้เป็นข้อมูลอ้างอิง หากต้องการพิมพ์งานมืออาชีพ ควรใช้โปรไฟล์สีในโปรแกรมออกแบบ
ข้อควรรู้
- CMYK คำนวณจาก RGB ด้วยสูตรมาตรฐาน ไม่มีโปรไฟล์สี จึงอาจต่างจากที่เห็นเมื่อพิมพ์จริง
- ชื่อสีใช้ได้เป็นภาษาอังกฤษ (red, tomato, navy…)
- ตัวเลือกสีของระบบอาจหน้าตาต่างกันตามเบราว์เซอร์และอุปกรณ์
คำถามที่พบบ่อย
จะแปลง HEX เป็น RGB ได้อย่างไร
พิมพ์ HEX (เช่น #1e90ff) เครื่องมือจะแสดง rgb() ที่เทียบเท่าทันที พร้อม HSL และ CMYK
ความเปรียบต่าง WCAG คืออะไร
คือการวัดว่าตัวอักษรอ่านง่ายเพียงใดบนพื้นหลัง อัตราส่วน 4.5:1 ผ่านระดับ AA และ 7:1 ผ่านระดับ AAA สำหรับตัวอักษรขนาดปกติ
รองรับสีที่มีความโปร่งใสหรือไม่
รองรับ พิมพ์ #rrggbbaa, rgba() หรือ hsla() ได้ และจะแสดงความโปร่งใสด้วย
มีอะไรถูกส่งไปยังเซิร์ฟเวอร์หรือไม่
ไม่ ทุกอย่างคำนวณในเบราว์เซอร์ของคุณ
ใช้ฟรีหรือไม่
ฟรี ไม่ต้องสมัครสมาชิก และทำงานในเบราว์เซอร์ของคุณ