Xanh dương nhạt, xanh lá nhạt và xanh lá (gradient hình nón)

Bảng màu Xanh dương nhạt, xanh lá nhạt và xanh lá

Gradient hình nón, 32 màu, góc 135°: #d5faff, #95feca, #5ffc5a, #37de0f, #15b30b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d5faff
#cdfbff
#bdfeff
#b3fefa
#acfff3
#a5ffea
#9fffe0
#9afed5
#95feca
#8effbf
#89ffb5
#85ffaa
#80ff9e
#7aff90
#71ff80
#63ff6a
#5ffc5a
#5cf94c
#57f53f
#52f134
#4bed2b
#44e822
#3de31a
#37de0f
#31d901
#2ed300
#2acd00
#24c600
#1ec001
#1bbb06
#18b60a
#15b30b

CSS

background: conic-gradient(from 135deg in oklch, oklch(96.06% 0.0383 206.70) 0.0%, oklch(95.75% 0.0470 202.96) 3.2%, oklch(95.33% 0.0644 197.78) 6.5%, oklch(94.83% 0.0739 191.60) 9.7%, oklch(94.27% 0.0818 184.86) 12.9%, oklch(93.68% 0.0907 178.01) 16.1%, oklch(93.09% 0.1006 171.52) 19.4%, oklch(92.52% 0.1113 165.82) 22.6%, oklch(92.00% 0.1229 161.33) 25.8%, oklch(91.56% 0.1370 157.64) 29.0%, oklch(91.16% 0.1497 154.45) 32.3%, oklch(90.77% 0.1618 151.70) 35.5%, oklch(90.37% 0.1752 149.34) 38.7%, oklch(89.89% 0.1907 147.30) 41.9%, oklch(89.32% 0.2094 145.55) 45.2%, oklch(88.61% 0.2329 144.01) 48.4%, oklch(87.72% 0.2425 142.69) 51.6%, oklch(86.69% 0.2490 141.79) 54.8%, oklch(85.52% 0.2535 141.27) 58.1%, oklch(84.26% 0.2562 141.03) 61.3%, oklch(82.91% 0.2576 141.00) 64.5%, oklch(81.52% 0.2579 141.08) 67.7%, oklch(80.11% 0.2575 141.18) 71.0%, oklch(78.70% 0.2566 141.21) 74.2%, oklch(77.23% 0.2549 141.18) 77.4%, oklch(75.58% 0.2500 141.25) 80.6%, oklch(73.82% 0.2450 141.39) 83.9%, oklch(72.05% 0.2401 141.58) 87.1%, oklch(70.34% 0.2351 141.78) 90.3%, oklch(68.79% 0.2296 141.98) 93.5%, oklch(67.50% 0.2250 142.15) 96.8%, oklch(66.54% 0.2219 142.26) 100.0%);

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

Gradient mùa hè

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