Xanh dương, xanh cổ vịt và xanh chanh tông rực rỡ (gradient xuyên tâm)

Bảng màu Xanh dương, xanh cổ vịt và xanh chanh tông rực rỡ

Gradient xuyên tâm, 32 màu: #00abc7, #00bfbc, #00d2a4, #35e265, #b8dc0b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00abc7
#00acc6
#00aec5
#00b0c4
#00b3c3
#00b6c1
#00b9bf
#00bcbe
#00bfbc
#00c1b9
#00c4b7
#00c6b5
#00c9b2
#00cbaf
#00ceac
#00d0a8
#00d2a4
#00d5a0
#00d79a
#00da93
#00dc8b
#00df81
#00e272
#35e265
#55e25b
#6de250
#80e145
#90e03a
#9ddf2e
#a8de23
#b1dd18
#b8dc0b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.1204 215.16) 0.0%, oklch(68.45% 0.1200 213.47) 3.2%, oklch(68.90% 0.1197 211.30) 6.5%, oklch(69.42% 0.1196 208.73) 9.7%, oklch(70.00% 0.1197 205.86) 12.9%, oklch(70.64% 0.1203 202.75) 16.1%, oklch(71.30% 0.1212 199.49) 19.4%, oklch(71.96% 0.1226 196.16) 22.6%, oklch(72.62% 0.1244 192.83) 25.8%, oklch(73.25% 0.1267 189.60) 29.0%, oklch(73.84% 0.1292 186.54) 32.3%, oklch(74.37% 0.1320 183.67) 35.5%, oklch(74.89% 0.1351 180.85) 38.7%, oklch(75.40% 0.1387 178.06) 41.9%, oklch(75.91% 0.1428 175.28) 45.2%, oklch(76.40% 0.1474 172.50) 48.4%, oklch(76.89% 0.1527 169.70) 51.6%, oklch(77.38% 0.1589 166.86) 54.8%, oklch(77.86% 0.1660 163.99) 58.1%, oklch(78.34% 0.1743 161.05) 61.3%, oklch(78.82% 0.1843 158.03) 64.5%, oklch(79.30% 0.1964 154.91) 67.7%, oklch(79.80% 0.2124 151.48) 71.0%, oklch(80.32% 0.2168 147.77) 74.2%, oklch(80.85% 0.2146 143.89) 77.4%, oklch(81.38% 0.2122 139.95) 80.6%, oklch(81.90% 0.2097 136.05) 83.9%, oklch(82.39% 0.2073 132.31) 87.1%, oklch(82.84% 0.2049 128.84) 90.3%, oklch(83.25% 0.2028 125.74) 93.5%, oklch(83.59% 0.2011 123.13) 96.8%, oklch(83.86% 0.1998 121.11) 100.0%);

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

Gradient neon

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