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

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

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

สไตล์
  1. 4BBBE6โทนสด เฉดอ่อนของสีฟ้า
  2. E9956Aโทนสด เฉดอ่อนของสีส้ม

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

ส่งออก

ส่งออก
ค่าสี
:root {
    --sky-blue: oklch(74.56% 0.11742 227.129);
    --coral: oklch(74.616% 0.11693 47.481);
}

การตรวจสอบ

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

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

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

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

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

ชื่อHEXRGBOKLCH
#4bbbe6rgb(75 187 230)oklch(74.56% 0.11742 227.129)
#e9956argb(233 149 106)oklch(74.616% 0.11693 47.481)