เลือกและแปลงสี
เลือกสี วางรหัส หรือคลิกบนรูปภาพ เพื่อดูสีในทุกรูปแบบ พร้อมจานสีที่เข้ากันและการตรวจคอนทราสต์ของตัวอักษร
- เลือกสี รหัส หรือรูปภาพ
- ดูเป็น HEX, RGB, HSL, HSV และ CMYK
- คัดลอกรหัสและจานสี หรือตรวจคอนทราสต์
ไฟล์ของคุณไม่เคยออกจากอุปกรณ์
รูปแบบสี
- HEX: รหัสหกหลักที่ใช้ในการออกแบบเว็บและ CSS (#14183d)
- RGB: ค่าแดง เขียว น้ำเงิน 0–255 สำหรับหน้าจอ
- HSL และ HSV: เฉดสี ความอิ่มตัว และความสว่างหรือค่าสี ปรับเองได้ง่าย
- CMYK: สัดส่วนสีฟ้า ม่วงแดง เหลือง และดำที่ใช้ในงานพิมพ์
สร้างจานสี
- สีตรงข้ามอยู่คนละฝั่งของวงล้อและให้คอนทราสต์สูง
- สีข้างเคียงอยู่ติดกัน ให้ความรู้สึกสงบและกลมกลืน
- สามสีเว้นระยะเท่ากัน ให้ความสมดุลและมีชีวิตชีวา
- คลิกตัวอย่างสีใดก็ได้เพื่อตั้งเป็นสีปัจจุบันและคัดลอกรหัส
ข้อความอ่านง่าย (WCAG)
เลือกสีตัวอักษรและพื้นหลัง เครื่องมือจะคำนวณอัตราส่วนคอนทราสต์ ข้อความเนื้อหาควรได้อย่างน้อย 4.5:1 และหัวเรื่องขนาดใหญ่ 3:1 (ระดับ AA) ส่วน 7:1 ผ่านระดับ AAA ที่เข้มงวดกว่า
คำถามที่พบบ่อย
ใส่รหัสสีแบบใดได้บ้าง
HEX (#1e90ff หรือ 1e90ff), rgb(), hsl(), hsv(), cmyk() และชื่อสี CSS เช่น navy หรือ tomato
ดูดสีจากรูปถ่ายหรือโลโก้อย่างไร
เปิดรูปในส่วน «ดูดสีจากรูปภาพ» แล้วคลิกจุดใดก็ได้ รูปจะอยู่บนอุปกรณ์ของคุณ
ค่า CMYK ใช้พิมพ์ได้ตรงไหม
เป็นการแปลงทางคณิตศาสตร์มาตรฐาน สีที่พิมพ์จริงขึ้นกับโปรไฟล์สีของเครื่องพิมพ์ งานสำคัญควรตรวจกับโรงพิมพ์
อัตราส่วนคอนทราสต์คืออะไร
วัดว่าตัวอักษรบนพื้นหลังอ่านง่ายแค่ไหน WCAG กำหนดอย่างน้อย 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (ระดับ AA)
จานสีสร้างขึ้นอย่างไร
ด้วยการหมุนเฉดสีบนวงล้อสี: สีตรงข้าม (180°) สีข้างเคียง (±30°) และสามสี (120°) รวมถึงเฉดที่อ่อนและเข้มขึ้น
ดูดสีจากที่ใดก็ได้บนหน้าจอได้ไหม
ได้ ในเบราว์เซอร์ที่รองรับ (เช่น Chrome และ Edge บนคอมพิวเตอร์) จะมีปุ่ม «ดูดสีจากหน้าจอ»