Chuyển đến công cụ chọn màu

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
  1. 0F172ATrầm, sắc rất tối của màu xanh dương
  2. 1E40AFDịu, sắc tối của màu xanh dương
  3. 60A5FATươi, sắc sáng của màu xanh dương
  4. FDE68APastel, sắc rất sáng của màu vàng
  5. 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

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ênHEXRGBOKLCH
Trầm, sắc rất tối của màu xanh dương#0f172argb(15 23 42)oklch(20.768% 0.03982 265.755)
Dịu, sắc tối của màu xanh dương#1e40afrgb(30 64 175)oklch(42.445% 0.18087 265.638)
Tươi, sắc sáng của màu xanh dương#60a5fargb(96 165 250)oklch(71.374% 0.14338 254.624)
Pastel, sắc rất sáng của màu vàng#fde68argb(253 230 138)oklch(92.428% 0.11513 95.746)
Tươi, sắc sáng của màu cam#f97316rgb(249 115 22)oklch(70.487% 0.18672 47.604)