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

รองรับ #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() หรือชื่อสีใน CSS เช่น rebeccapurple
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
อัตราส่วนแต่ละค่าเป็นไปตาม WCAG 2.x ข้อความขนาดใหญ่คือ 24px ขึ้นไป หรือ 18.66px ที่เป็นตัวหนา การผ่านเกณฑ์ตรวจจากอัตราส่วนที่แม่นยำ และสีโปร่งแสงจะถูกผสมกับพื้นหลังแต่ละอันก่อน
วิธีแปลงรหัสสี
- พิมพ์รหัส HEX, rgb(), hsl() หรือชื่อสี หรือเลือกสีจากช่องสีตัวอย่าง
- คัดลอกรูปแบบที่ต้องการจากผลลัพธ์ทั้งห้ารายการ
- ดูอัตราส่วนความคมชัดและเครื่องหมาย AA หรือ AAA บนพื้นขาว พื้นดำ และพื้นหลังที่คุณเลือก
คำถาม
ทำไมค่า CMYK เป็นเพียงค่าโดยประมาณ
CMYK ขึ้นอยู่กับหมึก กระดาษ และโปรไฟล์สีของเครื่องพิมพ์ เครื่องมือแปลงนี้ใช้สูตรคำนวณแบบพื้นฐานที่ไม่คำนึงถึงทั้งสามอย่างนี้ สีที่พิมพ์ออกมาจึงอาจต่างจากที่เห็นบนหน้าจอ ก่อนพิมพ์งานจำนวนมาก ควรขอตัวอย่างพิมพ์ (proof) จากร้านพิมพ์ก่อน
อัตราส่วนความคมชัดคำนวณอย่างไร
WCAG 2.x นำค่าความสว่างสัมพัทธ์ (relative luminance) ของแต่ละสีมาคำนวณ จากค่าแดง เขียว และน้ำเงินหลังปรับแกมมาแล้ว อัตราส่วนคือ (ความสว่างที่สว่างกว่า + 0.05) หารด้วย (ความสว่างที่มืดกว่า + 0.05) ตัวอักษรดำบนพื้นขาวได้ 21:1 ซึ่งเป็นค่าสูงสุดที่เป็นไปได้
การตรวจสอบใช้เกณฑ์ใดบ้าง
WCAG 2.x กำหนดให้ข้อความปกติต้องมีอัตราส่วนอย่างน้อย 4.5:1 และข้อความขนาดใหญ่อย่างน้อย 3:1 ในระดับ AA และ 7:1 กับ 4.5:1 ในระดับ AAA โดยข้อความขนาดใหญ่คือขนาด 24px ขึ้นไป หรือ 18.66px ที่เป็นตัวหนา
ช่องกรอกรับรูปแบบสีแบบใดบ้าง
รับรหัส HEX แบบสามหลัก หกหลัก หรือแปดหลัก, rgb() และ rgba(), hsl() และ hsla() รวมถึงชื่อสีใน CSS เช่น rebeccapurple เบราว์เซอร์จะอ่านค่าที่กรอก ดังนั้นค่าใดก็ตามที่เบราว์เซอร์เข้าใจว่าเป็นสี CSS ก็ใช้ได้
รีวิว
ยังไม่มีรีวิว มาเป็นคนแรกกันเลย

