สร้างพาเลตสี

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

ไอเดียพาเลตสี

สไตล์

0F172Aโทนหม่น เฉดเข้มมากของสีน้ำเงิน
1E40AFโทนละมุน เฉดเข้มของสีน้ำเงิน
60A5FAโทนสด เฉดอ่อนของสีน้ำเงิน
FDE68Aโทนพาสเทล เฉดอ่อนมากของสีเหลือง
F97316โทนสด เฉดอ่อนของสีส้ม

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

ส่งออก

ค่าสี

:root {
    --midnight-blue: oklch(20.768% 0.03982 265.755);
    --cobalt: oklch(42.445% 0.18087 265.638);
    --azure: oklch(71.374% 0.14338 254.624);
    --khaki: oklch(92.428% 0.11513 95.746);
    --pumpkin: oklch(70.487% 0.18672 47.604);
}

การตรวจสอบ

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

Aa14.3:1
Aa7.0:1
Aa7.0:1
Aa6.4:1

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

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

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

ชื่อ	HEX	RGB	OKLCH
โทนหม่น เฉดเข้มมากของสีน้ำเงิน	#0f172a	rgb(15 23 42)	oklch(20.768% 0.03982 265.755)
โทนละมุน เฉดเข้มของสีน้ำเงิน	#1e40af	rgb(30 64 175)	oklch(42.445% 0.18087 265.638)
โทนสด เฉดอ่อนของสีน้ำเงิน	#60a5fa	rgb(96 165 250)	oklch(71.374% 0.14338 254.624)
โทนพาสเทล เฉดอ่อนมากของสีเหลือง	#fde68a	rgb(253 230 138)	oklch(92.428% 0.11513 95.746)
โทนสด เฉดอ่อนของสีส้ม	#f97316	rgb(249 115 22)	oklch(70.487% 0.18672 47.604)