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 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: #f4d44d, #f17630, #be2f6f, #612883, #21154e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4d44d
#f6cd44
#f7c338
#f9b72c
#f9aa22
#f99c1d
#f78e20
#f48227
#f17630
#ee6b38
#ea6140
#e55648
#e04d50
#d94458
#d13b60
#c83568
#be2f6f
#b22c76
#a42a7d
#962a82
#882a86
#7a2987
#6d2986
#612883
#56267f
#4b2478
#412171
#391e69
#311c60
#2a1959
#251753
#21154e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.1530 95.62) 0.0%, oklch(86.03% 0.1544 91.81) 3.2%, oklch(84.19% 0.1564 86.70) 6.5%, oklch(81.99% 0.1587 80.63) 9.7%, oklch(79.56% 0.1613 73.89) 12.9%, oklch(77.02% 0.1640 66.80) 16.1%, oklch(74.50% 0.1667 59.68) 19.4%, oklch(72.10% 0.1692 52.83) 22.6%, oklch(69.96% 0.1714 46.56) 25.8%, oklch(67.96% 0.1740 40.58) 29.0%, oklch(66.01% 0.1770 34.68) 32.3%, oklch(64.10% 0.1801 28.82) 35.5%, oklch(62.21% 0.1829 22.94) 38.7%, oklch(60.33% 0.1851 17.01) 41.9%, oklch(58.43% 0.1864 10.96) 45.2%, oklch(56.50% 0.1865 4.75) 48.4%, oklch(54.52% 0.1851 358.28) 51.6%, oklch(52.50% 0.1823 351.28) 54.8%, oklch(50.45% 0.1783 343.92) 58.1%, oklch(48.39% 0.1735 336.43) 61.3%, oklch(46.32% 0.1680 329.05) 64.5%, oklch(44.27% 0.1621 322.03) 67.7%, oklch(42.25% 0.1561 315.59) 71.0%, oklch(40.25% 0.1502 309.98) 74.2%, oklch(38.25% 0.1443 305.29) 77.4%, oklch(36.11% 0.1375 301.21) 80.6%, oklch(33.92% 0.1301 297.70) 83.9%, oklch(31.76% 0.1226 294.68) 87.1%, oklch(29.72% 0.1154 292.11) 90.3%, oklch(27.89% 0.1088 289.94) 93.5%, oklch(26.35% 0.1033 288.10) 96.8%, oklch(25.20% 0.0992 286.54) 100.0%);

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

Gradient dữ liệu tuần tự

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