Vàng, xanh lá, be và đen (gradient hình nón)

Gradient hình nón, 32 màu, góc 105°: #e5ee22, #2e9448, #b5c890, #cfc9b6, #111111. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#e5ee22
#d7e829
#c3df30
#aad437
#8fc73d
#73b942
#59ac45
#419f47
#2e9448
#228b49
#24874a
#33874d
#488e53
#62995d
#7da76c
#9ab77d
#b5c890
#cfd7a4
#e3e4b7
#f1edc6
#f6f0ce
#f2ebce
#e4ddc6
#cfc9b6
#b5b0a0
#989488
#7a776e
#5e5b55
#43423e
#2d2c2a
#1c1c1b
#111111

CSS

background: conic-gradient(from 105deg in oklch, oklch(91.34% 0.1970 112.50) 0.0%, oklch(88.94% 0.1931 115.14) 3.2%, oklch(85.47% 0.1881 119.04) 6.5%, oklch(81.21% 0.1823 123.84) 9.7%, oklch(76.48% 0.1757 129.16) 12.9%, oklch(71.58% 0.1686 134.65) 16.1%, oklch(66.81% 0.1610 139.93) 19.4%, oklch(62.48% 0.1531 144.65) 22.6%, oklch(58.90% 0.1451 148.44) 25.8%, oklch(56.35% 0.1372 150.93) 29.0%, oklch(55.16% 0.1293 151.76) 32.3%, oklch(55.75% 0.1215 150.57) 35.5%, oklch(58.45% 0.1132 147.42) 38.7%, oklch(62.78% 0.1044 142.67) 41.9%, oklch(68.22% 0.0953 136.73) 45.2%, oklch(74.26% 0.0861 129.99) 48.4%, oklch(80.37% 0.0769 122.83) 51.6%, oklch(86.02% 0.0680 115.66) 54.8%, oklch(90.71% 0.0594 108.87) 58.1%, oklch(93.90% 0.0515 102.85) 61.3%, oklch(95.08% 0.0443 97.99) 64.5%, oklch(93.73% 0.0379 94.63) 67.7%, oklch(89.71% 0.0322 92.30) 71.0%, oklch(83.50% 0.0270 90.67) 74.2%, oklch(75.61% 0.0222 89.65) 77.4%, oklch(66.58% 0.0179 89.10) 80.6%, oklch(56.93% 0.0139 88.91) 83.9%, oklch(47.19% 0.0104 88.96) 87.1%, oklch(37.87% 0.0073 89.14) 90.3%, oklch(29.50% 0.0045 89.33) 93.5%, oklch(22.61% 0.0021 89.40) 96.8%, oklch(17.72% 0.0000 89.88) 100.0%);

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

Màu zine

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