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

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

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

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

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

ส่งออก

ส่งออก
ค่าสี
:root {
    --sky-blue: oklch(74.26% 0.1097 218.476);
    --salmon: oklch(74.28% 0.10923 38.574);
}

การตรวจสอบ

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

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

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

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

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

ชื่อHEXRGBOKLCH
#4abcdargb(74 188 218)oklch(74.26% 0.1097 218.476)
#e79378rgb(231 147 120)oklch(74.28% 0.10923 38.574)