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

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

Gradient xuyên tâm, 32 màu: #a4c690, #c8d359, #33cbe4, #00b0fd, #5e90ad. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a4c690
#a9c989
#b3cc7c
#c0cf6c
#ccd05d
#d1d155
#d2d151
#d0d253
#c8d359
#bdd464
#abd576
#98d58b
#88d39f
#7ad0ae
#68cfbc
#4ececf
#33cbe4
#2ac7f6
#38c1ff
#41bcff
#36baff
#1ab7ff
#00b4fd
#00b0fd
#08acff
#18a7ff
#1ba2fe
#289ff4
#369ce3
#4798cd
#5594ba
#5e90ad

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.0827 134.30) 0.0%, oklch(79.59% 0.0932 129.81) 3.2%, oklch(80.84% 0.1087 123.14) 6.5%, oklch(82.15% 0.1251 116.26) 9.7%, oklch(83.19% 0.1383 111.15) 12.9%, oklch(83.69% 0.1451 109.17) 16.1%, oklch(83.85% 0.1481 108.81) 19.4%, oklch(83.75% 0.1481 110.16) 22.6%, oklch(83.45% 0.1456 113.59) 25.8%, oklch(83.00% 0.1411 119.46) 29.0%, oklch(82.27% 0.1314 128.50) 32.3%, oklch(81.30% 0.1179 140.13) 35.5%, oklch(80.27% 0.1053 153.20) 38.7%, oklch(79.35% 0.0982 166.53) 41.9%, oklch(78.68% 0.1006 180.18) 45.2%, oklch(78.18% 0.1108 195.83) 48.4%, oklch(77.73% 0.1247 211.43) 51.6%, oklch(77.22% 0.1379 224.71) 54.8%, oklch(76.56% 0.1433 233.43) 58.1%, oklch(75.76% 0.1429 237.02) 61.3%, oklch(74.86% 0.1482 237.35) 64.5%, oklch(73.92% 0.1556 236.52) 67.7%, oklch(72.97% 0.1584 236.60) 71.0%, oklch(72.04% 0.1615 238.70) 74.2%, oklch(71.11% 0.1661 241.57) 77.4%, oklch(70.14% 0.1686 244.32) 80.6%, oklch(69.12% 0.1710 246.09) 83.9%, oklch(67.99% 0.1610 245.97) 87.1%, oklch(66.62% 0.1395 243.72) 90.3%, oklch(65.17% 0.1123 240.33) 93.5%, oklch(63.89% 0.0864 236.94) 96.8%, oklch(62.99% 0.0689 234.69) 100.0%);

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

Gradient nhiều màu xanh lá

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