Vàng, nâu vàng, tím và xanh hải quân (gradient xuyên tâm)

Bảng màu Vàng, nâu vàng, tím và xanh hải quân

Gradient xuyên tâm, 32 màu: #f8e770, #e99e4f, #734db7, #27379c, #0f1752. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f8e770
#f5e46e
#f1e16d
#ecdd6b
#e8d767
#e5cf61
#e6c458
#e8b350
#e99e4f
#e48759
#d87269
#c76279
#b55887
#a45193
#944ea0
#844dac
#734db7
#614dbe
#4e4dc0
#3d4cbd
#3148b7
#2a43af
#273da6
#27379c
#253193
#222d8a
#1e2880
#1a2475
#16206a
#131c60
#101958
#0f1752

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.1406 101.25) 0.0%, oklch(90.91% 0.1394 101.06) 3.2%, oklch(89.92% 0.1377 101.68) 6.5%, oklch(88.70% 0.1358 102.06) 9.7%, oklch(87.15% 0.1338 101.17) 12.9%, oklch(85.22% 0.1321 97.97) 16.1%, oklch(82.82% 0.1310 91.43) 19.4%, oklch(79.72% 0.1304 80.33) 22.6%, oklch(75.75% 0.1296 64.75) 25.8%, oklch(71.27% 0.1291 46.28) 29.0%, oklch(66.67% 0.1291 26.56) 32.3%, oklch(62.35% 0.1301 7.24) 35.5%, oklch(58.68% 0.1323 349.94) 38.7%, oklch(55.97% 0.1365 335.50) 41.9%, oklch(54.02% 0.1434 321.75) 45.2%, oklch(52.57% 0.1521 308.76) 48.4%, oklch(51.40% 0.1610 296.91) 51.6%, oklch(50.29% 0.1690 286.59) 54.8%, oklch(48.99% 0.1746 278.17) 58.1%, oklch(47.32% 0.1768 272.12) 61.3%, oklch(45.45% 0.1763 268.94) 64.5%, oklch(43.47% 0.1737 268.04) 67.7%, oklch(41.44% 0.1696 268.60) 71.0%, oklch(39.39% 0.1645 269.81) 74.2%, oklch(37.38% 0.1589 270.86) 77.4%, oklch(35.44% 0.1532 270.97) 80.6%, oklch(33.39% 0.1461 270.68) 83.9%, oklch(31.25% 0.1376 270.46) 87.1%, oklch(29.15% 0.1286 270.29) 90.3%, oklch(27.22% 0.1200 270.17) 93.5%, oklch(25.59% 0.1126 270.07) 96.8%, oklch(24.41% 0.1075 269.98) 100.0%);

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

Gradient vàng và xanh dương

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