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

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

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

สไตล์
  1. FEA970โทนสด เฉดอ่อนของสีส้ม
  2. 63CDFFโทนสด เฉดอ่อนของสีฟ้า

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

ส่งออก

ส่งออก
ค่าสี
:root {
    --orange: oklch(80.649% 0.12411 53.896);
    --baby-blue: oklch(80.508% 0.12045 231.361);
}

การตรวจสอบ

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

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

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

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

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

ชื่อHEXRGBOKLCH
#fea970rgb(254 169 112)oklch(80.649% 0.12411 53.896)
#63cdffrgb(99 205 255)oklch(80.508% 0.12045 231.361)