Nâu vàng, xám, xanh dương nhạt và xanh cổ vịt (gradient hình nón)

Nâu vàng, xám, xanh dương nhạt và xanh cổ vịt: bảng màu gồm 32 màu. #c9946f, #d7d0b7, #bae3d8, #71cec5, #199fa6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c9946f
#cb9976
#cda07f
#d0a88a
#d3b195
#d6b99f
#d7c1a8
#d8c8af
#d7d0b7
#d6d7c0
#d5ddc9
#d4e2d1
#d3e5d7
#d0e6da
#cae6da
#c3e5d9
#bae3d8
#b0e0d5
#a6ddd3
#9ddbd1
#93d8cf
#88d5cc
#7cd2c9
#71cec5
#65cac2
#5ac6be
#4ec0ba
#42b8b6
#37b1b1
#2caaac
#22a4a9
#199fa6

CSS

background: conic-gradient(from 180deg in oklch, oklch(70.87% 0.0813 55.55) 0.0%, oklch(72.14% 0.0768 56.58) 3.2%, oklch(73.94% 0.0704 57.37) 6.5%, oklch(76.06% 0.0630 58.55) 9.7%, oklch(78.30% 0.0552 60.77) 12.9%, oklch(80.46% 0.0480 64.67) 16.1%, oklch(82.35% 0.0423 70.88) 19.4%, oklch(83.98% 0.0379 80.47) 22.6%, oklch(85.65% 0.0340 93.79) 25.8%, oklch(87.25% 0.0306 109.29) 29.0%, oklch(88.66% 0.0282 125.39) 32.3%, oklch(89.76% 0.0269 140.50) 35.5%, oklch(90.43% 0.0270 153.05) 38.7%, oklch(90.56% 0.0290 161.94) 41.9%, oklch(90.16% 0.0330 168.46) 45.2%, oklch(89.35% 0.0385 173.26) 48.4%, oklch(88.26% 0.0449 176.80) 51.6%, oklch(87.02% 0.0517 179.53) 54.8%, oklch(85.75% 0.0584 181.94) 58.1%, oklch(84.58% 0.0644 184.34) 61.3%, oklch(83.37% 0.0708 185.91) 64.5%, oklch(82.08% 0.0777 186.70) 67.7%, oklch(80.71% 0.0844 187.06) 71.0%, oklch(79.25% 0.0906 187.33) 74.2%, oklch(77.69% 0.0959 187.86) 77.4%, oklch(76.03% 0.0999 188.98) 80.6%, oklch(74.05% 0.1024 190.72) 83.9%, oklch(71.81% 0.1037 192.83) 87.1%, oklch(69.51% 0.1043 195.06) 90.3%, oklch(67.33% 0.1045 197.21) 93.5%, oklch(65.49% 0.1045 199.04) 96.8%, oklch(64.17% 0.1047 200.32) 100.0%);

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

Xanh ngọc lam

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