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

พาเลตสี: โทนพาสเทล เฉดอ่อนมากของสีเหลืองอำพัน, โทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน

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

สไตล์
  1. F2CA86โทนพาสเทล เฉดอ่อนมากของสีเหลืองอำพัน
  2. AED2FFโทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน

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

ส่งออก

ส่งออก
ค่าสี
:root {
    --peach: oklch(85.862% 0.09699 80.168);
    --periwinkle: oklch(85.322% 0.07391 254.219);
}

การตรวจสอบ

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

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

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

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

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

ชื่อHEXRGBOKLCH
#f2ca86rgb(242 202 134)oklch(85.862% 0.09699 80.168)
#aed2ffrgb(174 210 255)oklch(85.322% 0.07391 254.219)