Hồng nhạt, hồng, tím và xanh hải quân (gradient xuyên tâm)

Bảng màu Hồng nhạt, hồng, tím và xanh hải quân

Gradient xuyên tâm, 32 màu: #fff5fd, #ff9adc, #bb4eff, #3e3ad8, #001839. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff5fd
#ffeffb
#ffe6f9
#ffdcf5
#ffd1f1
#ffc5eb
#ffb7e6
#ffa9e0
#ff9adc
#ff8bd9
#ff7ada
#fb6cdd
#f362e1
#e85ae8
#dc54f1
#cd4ffa
#bb4eff
#a850ff
#9550ff
#834cff
#7146ff
#603ffa
#4f3deb
#3e3ad8
#2e37c2
#1f33aa
#122e91
#072a7a
#022565
#002052
#001b43
#001839

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(98.03% 0.0138 333.28) 0.0%, oklch(96.74% 0.0240 333.82) 3.2%, oklch(95.08% 0.0360 334.88) 6.5%, oklch(93.12% 0.0500 336.25) 9.7%, oklch(90.92% 0.0657 337.75) 12.9%, oklch(88.55% 0.0828 339.19) 16.1%, oklch(86.06% 0.1013 340.41) 19.4%, oklch(83.53% 0.1214 341.21) 22.6%, oklch(81.02% 0.1432 341.41) 25.8%, oklch(78.59% 0.1673 340.84) 29.0%, oklch(76.31% 0.1946 339.31) 32.3%, oklch(74.21% 0.2146 336.62) 35.5%, oklch(72.22% 0.2259 332.69) 38.7%, oklch(70.31% 0.2364 327.73) 41.9%, oklch(68.44% 0.2459 322.02) 45.2%, oklch(66.57% 0.2540 315.78) 48.4%, oklch(64.67% 0.2537 309.27) 51.6%, oklch(62.70% 0.2462 302.74) 54.8%, oklch(60.63% 0.2442 296.43) 58.1%, oklch(58.42% 0.2472 290.58) 61.3%, oklch(56.03% 0.2548 285.46) 64.5%, oklch(53.43% 0.2579 281.24) 67.7%, oklch(50.40% 0.2466 277.51) 71.0%, oklch(47.01% 0.2305 274.07) 74.2%, oklch(43.37% 0.2108 270.91) 77.4%, oklch(39.61% 0.1888 268.04) 80.6%, oklch(35.84% 0.1655 265.43) 83.9%, oklch(32.20% 0.1421 263.09) 87.1%, oklch(28.80% 0.1199 260.99) 90.3%, oklch(25.76% 0.1000 259.14) 93.5%, oklch(23.20% 0.0835 257.53) 96.8%, oklch(21.26% 0.0717 256.14) 100.0%);

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

Glitchy glam

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