Xanh hải quân, xanh dương nhạt, tím oải hương và tím (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh dương nhạt, tím oải hương và tím

Gradient xuyên tâm, 32 màu: #071226, #284e7d, #96edf8, #d9c9ff, #7464cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#071226
#09162c
#0c1a33
#0f1f3d
#132648
#182d54
#1d3661
#22416f
#284e7d
#2e608e
#36769f
#418fb1
#52a8c1
#66c0d0
#7bd4de
#8be4ec
#96edf8
#adefff
#c4ecff
#cfe9ff
#d3e4ff
#d5ddff
#d7d4ff
#d9c9ff
#d6bffa
#ceb2f2
#c1a3eb
#b094e3
#9f85dd
#8d77d7
#7e6cd2
#7464cf

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0441 260.86) 0.0%, oklch(20.12% 0.0481 260.77) 3.2%, oklch(22.09% 0.0538 261.02) 6.5%, oklch(24.42% 0.0607 261.33) 9.7%, oklch(27.13% 0.0680 261.45) 12.9%, oklch(30.24% 0.0752 261.10) 16.1%, oklch(33.76% 0.0818 260.02) 19.4%, oklch(37.70% 0.0869 257.94) 22.6%, oklch(42.12% 0.0902 254.53) 25.8%, oklch(47.69% 0.0917 248.25) 29.0%, oklch(54.32% 0.0920 239.52) 32.3%, oklch(61.52% 0.0914 229.59) 35.5%, oklch(68.81% 0.0902 219.73) 38.7%, oklch(75.72% 0.0886 211.19) 41.9%, oklch(81.77% 0.0871 205.21) 45.2%, oklch(86.48% 0.0858 203.05) 48.4%, oklch(89.50% 0.0850 206.03) 51.6%, oklch(91.32% 0.0690 214.73) 54.8%, oklch(92.15% 0.0489 227.69) 58.1%, oklch(92.16% 0.0411 243.25) 61.3%, oklch(91.48% 0.0411 259.76) 64.5%, oklch(90.25% 0.0473 275.57) 67.7%, oklch(88.62% 0.0591 289.01) 71.0%, oklch(86.72% 0.0754 298.43) 74.2%, oklch(84.35% 0.0845 302.98) 77.4%, oklch(80.91% 0.0935 304.21) 80.6%, oklch(76.71% 0.1048 302.98) 83.9%, oklch(72.11% 0.1173 300.07) 87.1%, oklch(67.49% 0.1299 296.26) 90.3%, oklch(63.21% 0.1417 292.34) 93.5%, oklch(59.62% 0.1516 289.08) 96.8%, oklch(57.09% 0.1585 287.28) 100.0%);

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

Gradient thiên hà 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