Xanh dương nhạt, xanh cổ vịt, xanh lá và cam (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #eff7ff, #91cfe6, #07ada5, #c5a62d, #c8493f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eff7ff
#e8f4fe
#deeffc
#d3eaf9
#c6e5f6
#b8e0f2
#abdaee
#9ed5ea
#91cfe6
#83c9e1
#75c2dd
#66bdd8
#57b8d2
#46b5cb
#32b2c0
#1cb0b4
#07ada5
#11ac94
#2baa83
#47aa70
#67aa5d
#89ab48
#a9aa36
#c5a62d
#daa12f
#e69936
#e98d3a
#e67e3c
#df6e3d
#d65f3d
#ce523d
#c8493f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0138 244.69) 0.0%, oklch(96.07% 0.0184 242.46) 3.2%, oklch(94.46% 0.0248 239.29) 6.5%, oklch(92.55% 0.0324 235.56) 9.7%, oklch(90.46% 0.0405 231.69) 12.9%, oklch(88.31% 0.0488 228.07) 16.1%, oklch(86.22% 0.0565 225.09) 19.4%, oklch(84.18% 0.0636 223.29) 22.6%, oklch(81.98% 0.0709 222.73) 25.8%, oklch(79.71% 0.0783 222.66) 29.0%, oklch(77.48% 0.0854 222.35) 32.3%, oklch(75.37% 0.0922 221.05) 35.5%, oklch(73.50% 0.0983 218.02) 38.7%, oklch(71.88% 0.1037 212.76) 41.9%, oklch(70.29% 0.1085 205.91) 45.2%, oklch(68.82% 0.1127 197.76) 48.4%, oklch(67.57% 0.1165 188.45) 51.6%, oklch(66.65% 0.1200 178.18) 54.8%, oklch(66.17% 0.1234 167.10) 58.1%, oklch(66.30% 0.1267 155.21) 61.3%, oklch(67.49% 0.1296 141.21) 64.5%, oklch(69.39% 0.1321 125.65) 67.7%, oklch(71.52% 0.1345 109.55) 71.0%, oklch(73.38% 0.1370 93.94) 74.2%, oklch(74.45% 0.1396 79.83) 77.4%, oklch(74.24% 0.1426 68.22) 80.6%, oklch(72.52% 0.1462 58.51) 83.9%, oklch(69.70% 0.1502 50.10) 87.1%, oklch(66.31% 0.1544 42.91) 90.3%, oklch(62.86% 0.1583 36.88) 93.5%, oklch(59.87% 0.1616 31.95) 96.8%, oklch(57.87% 0.1640 28.05) 100.0%);

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

Gradient bản đồ thời tiết

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