Nâu vàng, hồng, tím và xanh hải quân tông rực rỡ (gradient xuyên tâm)

Bảng màu Nâu vàng, hồng, tím và xanh hải quân tông rực rỡ

Gradient xuyên tâm, 32 màu: #ffe396, #ff8c5c, #5c3273, #00122e, #021d52. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffe396
#ffdd90
#ffd589
#ffcd81
#ffc379
#ffb871
#ffab69
#ff9d62
#ff8c5c
#fd795c
#f36b64
#e45e6e
#cf5377
#b5497e
#97407f
#79397c
#5c3273
#422b66
#2d2457
#1b1e48
#0e183c
#051434
#011230
#00122e
#00122d
#001430
#001635
#00183b
#001a43
#001b4b
#011c4f
#021d52

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.12% 0.1006 90.01) 0.0%, oklch(90.85% 0.1029 86.35) 3.2%, oklch(89.34% 0.1057 81.94) 6.5%, oklch(87.60% 0.1093 76.83) 9.7%, oklch(85.64% 0.1140 71.07) 12.9%, oklch(83.46% 0.1202 64.70) 16.1%, oklch(81.05% 0.1284 57.77) 19.4%, oklch(78.42% 0.1392 50.33) 22.6%, oklch(75.58% 0.1534 42.41) 25.8%, oklch(72.52% 0.1671 34.07) 29.0%, oklch(69.25% 0.1684 25.35) 32.3%, oklch(65.62% 0.1661 15.94) 35.5%, oklch(61.25% 0.1599 4.90) 38.7%, oklch(56.29% 0.1508 352.58) 41.9%, oklch(50.97% 0.1393 339.44) 45.2%, oklch(45.47% 0.1265 325.92) 48.4%, oklch(40.00% 0.1132 312.48) 51.6%, oklch(34.76% 0.1001 299.56) 54.8%, oklch(29.97% 0.0880 287.63) 58.1%, oklch(25.81% 0.0779 277.12) 61.3%, oklch(22.50% 0.0705 268.49) 64.5%, oklch(20.23% 0.0666 262.17) 67.7%, oklch(18.93% 0.0656 257.94) 71.0%, oklch(18.47% 0.0628 255.89) 74.2%, oklch(18.62% 0.0609 254.80) 77.4%, oklch(19.28% 0.0630 254.78) 80.6%, oklch(20.29% 0.0681 255.55) 83.9%, oklch(21.49% 0.0757 256.83) 87.1%, oklch(22.73% 0.0853 258.31) 90.3%, oklch(23.86% 0.0954 259.61) 93.5%, oklch(24.73% 0.0994 260.54) 96.8%, oklch(25.20% 0.1020 260.84) 100.0%);

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

Gradient synthwave

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