Tạo bảng màu

Nhấn phím cách để có bảng màu mới. Khóa những màu bạn thích, các màu còn lại sẽ phối theo.

Ý tưởng bảng màu

Phong cách

0F172ATrầm, sắc rất tối của màu xanh dương
1E40AFDịu, sắc tối của màu xanh dương
60A5FATươi, sắc sáng của màu xanh dương
FDE68APastel, sắc rất sáng của màu vàng
F97316Tươi, sắc sáng của màu cam

Phím cách để tạo bảng màu mới, Ctrl+Z để hoàn tác, nhấp vào một màu để sửa.

Xuất

Giá trị

: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);
}

Kiểm tra

Cặp màu chữ dễ đọc

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

Số cặp bị lẫn với người mù màu: 1

Mở trong trình mô phỏng

Các màu trong bảng màu này

Tên	HEX	RGB	OKLCH
Trầm, sắc rất tối của màu xanh dương	#0f172a	rgb(15 23 42)	oklch(20.768% 0.03982 265.755)
Dịu, sắc tối của màu xanh dương	#1e40af	rgb(30 64 175)	oklch(42.445% 0.18087 265.638)
Tươi, sắc sáng của màu xanh dương	#60a5fa	rgb(96 165 250)	oklch(71.374% 0.14338 254.624)
Pastel, sắc rất sáng của màu vàng	#fde68a	rgb(253 230 138)	oklch(92.428% 0.11513 95.746)
Tươi, sắc sáng của màu cam	#f97316	rgb(249 115 22)	oklch(70.487% 0.18672 47.604)