Xám, xanh lá đậm, xanh cổ vịt và xanh dương nhạt (gradient tuyến tính)

Xám, xanh lá đậm, xanh cổ vịt và xanh dương nhạt: bảng màu gồm 32 màu. #dfd8c6, #6a999f, #004c48, #004834, #84a8d0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#dfd8c6
#d7d3bf
#cccdb7
#bec7b0
#adbfaa
#9bb7a6
#89aea3
#78a4a1
#6a999f
#5e8f9c
#548597
#497c91
#3a7387
#256a7b
#00606c
#005659
#004c48
#004438
#003d2c
#003922
#00371d
#00391e
#003e26
#004834
#005447
#00625d
#007277
#2a8090
#498da6
#6298b9
#76a2c7
#84a8d0

CSS

background: linear-gradient(90deg in oklch, oklch(88.19% 0.0248 87.89) 0.0%, oklch(86.44% 0.0268 96.64) 3.2%, oklch(84.19% 0.0294 108.96) 6.5%, oklch(81.53% 0.0325 123.93) 9.7%, oklch(78.55% 0.0359 140.59) 12.9%, oklch(75.33% 0.0396 158.02) 16.1%, oklch(71.97% 0.0435 175.29) 19.4%, oklch(68.55% 0.0475 191.44) 22.6%, oklch(65.16% 0.0516 205.55) 25.8%, oklch(61.89% 0.0555 216.68) 29.0%, oklch(58.83% 0.0594 223.90) 32.3%, oklch(55.87% 0.0632 226.29) 35.5%, oklch(52.47% 0.0676 223.97) 38.7%, oklch(48.76% 0.0724 217.91) 41.9%, oklch(44.93% 0.0774 209.12) 45.2%, oklch(41.18% 0.0700 198.62) 48.4%, oklch(37.66% 0.0657 187.40) 51.6%, oklch(34.58% 0.0644 176.48) 54.8%, oklch(32.11% 0.0659 166.87) 58.1%, oklch(30.44% 0.0693 159.60) 61.3%, oklch(29.75% 0.0726 155.69) 64.5%, oklch(30.25% 0.0733 156.07) 67.7%, oklch(32.24% 0.0725 160.35) 71.0%, oklch(35.53% 0.0722 167.68) 74.2%, oklch(39.81% 0.0736 177.33) 77.4%, oklch(44.79% 0.0777 188.60) 80.6%, oklch(50.15% 0.0853 200.79) 83.9%, oklch(55.59% 0.0830 213.16) 87.1%, oklch(60.80% 0.0790 225.04) 90.3%, oklch(65.49% 0.0753 235.72) 93.5%, oklch(69.34% 0.0723 244.48) 96.8%, oklch(72.05% 0.0703 250.63) 100.0%);

Trong các bộ sưu tập này

Ánh trăng thỏ ngọc

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động