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

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

Gradient xuyên tâm, 32 màu: #b7ffff, #00bfcf, #846496, #8d4c9c, #527ac8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b7ffff
#abfafa
#98f4f2
#80ece8
#64e4df
#43dbd7
#10d3d2
#00c9d0
#00bfcf
#00b5d0
#00abd3
#00a0d9
#3594d8
#5287d2
#6b79c4
#7c6dae
#846496
#855e81
#835b74
#83586e
#865470
#8b5079
#8e4d88
#8d4c9c
#884eaf
#8152bd
#7958c5
#6f60ca
#6668cc
#5d70cb
#5776c9
#527ac8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0703 196.17) 0.0%, oklch(93.43% 0.0776 195.46) 3.2%, oklch(90.87% 0.0883 193.97) 6.5%, oklch(87.84% 0.1008 192.41) 9.7%, oklch(84.60% 0.1134 191.47) 12.9%, oklch(81.39% 0.1245 191.88) 16.1%, oklch(78.48% 0.1326 194.32) 19.4%, oklch(75.92% 0.1291 199.07) 22.6%, oklch(73.44% 0.1255 205.45) 25.8%, oklch(71.03% 0.1245 213.31) 29.0%, oklch(68.70% 0.1274 222.48) 32.3%, oklch(66.44% 0.1369 232.83) 35.5%, oklch(64.24% 0.1344 244.20) 38.7%, oklch(62.07% 0.1276 257.30) 41.9%, oklch(59.79% 0.1151 274.49) 45.2%, oklch(57.51% 0.0996 293.89) 48.4%, oklch(55.39% 0.0838 313.18) 51.6%, oklch(53.55% 0.0709 330.05) 54.8%, oklch(52.15% 0.0637 342.19) 58.1%, oklch(51.32% 0.0653 347.40) 61.3%, oklch(51.10% 0.0771 345.90) 64.5%, oklch(51.35% 0.0957 339.53) 67.7%, oklch(51.92% 0.1175 330.12) 71.0%, oklch(52.65% 0.1385 319.45) 74.2%, oklch(53.41% 0.1551 309.36) 77.4%, oklch(54.06% 0.1635 301.54) 80.6%, oklch(54.77% 0.1638 294.33) 83.9%, oklch(55.63% 0.1588 286.79) 87.1%, oklch(56.54% 0.1507 279.40) 90.3%, oklch(57.40% 0.1414 272.62) 93.5%, oklch(58.14% 0.1332 266.91) 96.8%, oklch(58.66% 0.1281 262.75) 100.0%);

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

Gradient hologram

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