Cầu vồng từ xanh cổ vịt sang xanh lá (gradient xuyên tâm)

Bảng màu Cầu vồng từ xanh cổ vịt sang xanh lá

Gradient xuyên tâm, 32 màu: #11bfc5, #ee3944, #0067cb, #43e271, #15b95d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11bfc5
#00bfb0
#21be8e
#5db65a
#92a600
#b49200
#cb7c00
#e55a00
#ee3944
#e52971
#d22493
#ba27af
#a02cc5
#8334d5
#653ee0
#3d4de6
#0067cb
#007bb2
#008dac
#00a1ab
#00b5a9
#00c9a1
#00da8c
#43e271
#69e262
#74de5a
#71d857
#65d157
#53ca59
#3dc35b
#26bd5d
#15b95d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(73.23% 0.1226 198.98) 0.0%, oklch(72.42% 0.1277 184.93) 3.2%, oklch(71.34% 0.1419 165.82) 6.5%, oklch(70.06% 0.1553 143.03) 9.7%, oklch(68.64% 0.1597 117.98) 12.9%, oklch(67.13% 0.1373 92.05) 16.1%, oklch(65.59% 0.1453 66.66) 19.4%, oklch(64.07% 0.1890 43.22) 22.6%, oklch(62.62% 0.2166 23.06) 25.8%, oklch(60.77% 0.2219 4.95) 29.0%, oklch(58.54% 0.2255 347.94) 32.3%, oklch(56.20% 0.2277 331.78) 35.5%, oklch(54.02% 0.2288 316.23) 38.7%, oklch(52.27% 0.2289 301.05) 41.9%, oklch(51.23% 0.2285 285.99) 45.2%, oklch(51.16% 0.2278 270.81) 48.4%, oklch(52.41% 0.1734 255.14) 51.6%, oklch(55.35% 0.1232 238.26) 54.8%, oklch(59.54% 0.1090 220.74) 58.1%, oklch(64.47% 0.1098 203.29) 61.3%, oklch(69.58% 0.1217 186.65) 64.5%, oklch(74.36% 0.1449 171.53) 67.7%, oklch(78.26% 0.1810 158.67) 71.0%, oklch(80.76% 0.2033 148.78) 74.2%, oklch(81.52% 0.2002 142.52) 77.4%, oklch(80.93% 0.1970 139.74) 80.6%, oklch(79.36% 0.1936 139.63) 83.9%, oklch(77.15% 0.1904 141.39) 87.1%, oklch(74.65% 0.1873 144.22) 90.3%, oklch(72.21% 0.1846 147.31) 93.5%, oklch(70.18% 0.1823 149.87) 96.8%, oklch(68.90% 0.1805 151.08) 100.0%);

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

Gradient nhiều màu rực rỡ

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