Đen, xanh hải quân, xanh cổ vịt và vàng (gradient xuyên tâm)

Bảng màu Đen, xanh hải quân, xanh cổ vịt và vàng

Gradient xuyên tâm, 32 màu: #06121d, #17495d, #69dbc9, #e5f58c, #f6c75c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#06121d
#071521
#091926
#0a1e2d
#0c2434
#0e2b3c
#113346
#143d51
#17495d
#1d576b
#25697c
#2e7d8e
#3993a0
#44a8b0
#50bcbd
#5ccec6
#69dbc9
#77e6c7
#89efc0
#9cf4b7
#b1f7ab
#c4f89f
#d6f795
#e5f58c
#eff284
#f6ed7d
#f9e675
#fadf6f
#f9d768
#f8d063
#f6cb5e
#f6c75c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0289 246.80) 0.0%, oklch(19.09% 0.0314 245.64) 3.2%, oklch(20.73% 0.0345 244.31) 6.5%, oklch(22.68% 0.0383 242.74) 9.7%, oklch(24.96% 0.0425 240.86) 12.9%, oklch(27.61% 0.0471 238.60) 16.1%, oklch(30.65% 0.0519 235.90) 19.4%, oklch(34.11% 0.0569 232.68) 22.6%, oklch(38.06% 0.0619 228.89) 25.8%, oklch(42.96% 0.0674 224.58) 29.0%, oklch(48.72% 0.0734 219.80) 32.3%, oklch(55.00% 0.0797 214.57) 35.5%, oklch(61.45% 0.0861 208.88) 38.7%, oklch(67.71% 0.0924 202.75) 41.9%, oklch(73.45% 0.0983 196.17) 45.2%, oklch(78.32% 0.1037 189.17) 48.4%, oklch(82.07% 0.1084 181.60) 51.6%, oklch(85.12% 0.1127 172.84) 54.8%, oklch(87.62% 0.1168 163.17) 58.1%, oklch(89.62% 0.1205 153.02) 61.3%, oklch(91.17% 0.1239 142.83) 64.5%, oklch(92.32% 0.1270 133.04) 67.7%, oklch(93.12% 0.1296 124.07) 71.0%, oklch(93.62% 0.1318 116.38) 74.2%, oklch(93.70% 0.1335 110.09) 77.4%, oklch(93.07% 0.1345 104.65) 80.6%, oklch(91.90% 0.1351 99.96) 83.9%, oklch(90.41% 0.1353 95.94) 87.1%, oklch(88.77% 0.1352 92.52) 90.3%, oklch(87.20% 0.1351 89.63) 93.5%, oklch(85.89% 0.1350 87.18) 96.8%, oklch(85.04% 0.1350 85.11) 100.0%);

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

Gradient cực quang

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