ข้ามไปยังเครื่องมือเลือกสี

พาเลตสี: โทนสด เฉดอ่อนของสีฟ้า, โทนละมุน เฉดอ่อนของสีส้ม

กด Space เพื่อสร้างพาเลตใหม่ ล็อกสีที่ชอบไว้ แล้วสีที่เหลือจะปรับตามให้เข้ากัน

สไตล์
  1. 5BBCDCโทนสด เฉดอ่อนของสีฟ้า
  2. E4987Aโทนละมุน เฉดอ่อนของสีส้ม

กด Space เพื่อสร้างพาเลตใหม่ Ctrl+Z เพื่อเลิกทำ คลิกสีเพื่อแก้ไข

ส่งออก

ส่งออก
ค่าสี
:root {
    --sky-blue: oklch(74.906% 0.10167 222.365);
    --salmon: oklch(74.845% 0.10109 42.311);
}

การตรวจสอบ

คู่สีที่ตัวอักษรอ่านง่าย

ไม่มีคู่ใดถึง 4.5:1 สำหรับข้อความเนื้อหา เพิ่มสีที่เข้มกว่าหรืออ่อนกว่ามาก ๆ

คู่สีที่คนตาบอดสีแยกไม่ออก: 1

เปิดในตัวจำลอง

สีในพาเลตนี้

ชื่อHEXRGBOKLCH
#5bbcdcrgb(91 188 220)oklch(74.906% 0.10167 222.365)
#e4987argb(228 152 122)oklch(74.845% 0.10109 42.311)