Turuncu ve mor arasında gökkuşağı açısal gradyan

Açısal gradyan, 90° açıyla 32 renk: #fd3858, #ffcd28, #27d48d, #0f99ee, #a33ee6. Düzenleyin ve CSS, SVG, PNG ya da shader olarak dışa aktarın.

OKLCH uzayında düzenlenebilir 7 anahtar kare.

• #fd3858
• #ff4b4d
• #ff6242
• #ff7837
• #ff8c2d
• #fe9e2a
• #fead2a
• #ffbd29
• #ffcd28
• #fbdb2b
• #efe636
• #dceb46
• #c2e951
• #a4e35b
• #82dc67
• #5cd677
• #27d48d
• #00d2aa
• #00d0c3
• #00cfd8
• #1dc9e8
• #2bbfef
• #21aef0
• #0f99ee
• #1582eb
• #2b6be8
• #425ae7
• #594ee8
• #7047e9
• #8543e9
• #9740e8
• #a33ee6

CSS

background: conic-gradient(from 90deg in oklch, oklch(65.35% 0.2287 18.28) 0.0%, oklch(67.06% 0.2167 24.56) 3.2%, oklch(69.47% 0.1973 33.43) 6.5%, oklch(72.29% 0.1812 43.77) 9.7%, oklch(75.21% 0.1709 54.45) 12.9%, oklch(77.93% 0.1635 64.34) 16.1%, oklch(80.63% 0.1610 73.05) 19.4%, oklch(83.76% 0.1637 81.48) 22.6%, oklch(86.79% 0.1693 89.76) 25.8%, oklch(89.21% 0.1758 98.01) 29.0%, oklch(90.48% 0.1800 106.34) 32.3%, oklch(90.03% 0.1808 114.66) 35.5%, oklch(87.82% 0.1805 122.54) 38.7%, oklch(84.63% 0.1791 130.44) 41.9%, oklch(81.25% 0.1766 138.85) 45.2%, oklch(78.47% 0.1731 148.29) 48.4%, oklch(77.04% 0.1678 159.33) 51.6%, oklch(76.88% 0.1485 172.37) 54.8%, oklch(77.30% 0.1352 186.56) 58.1%, oklch(77.61% 0.1320 200.86) 61.3%, oklch(77.11% 0.1317 214.28) 64.5%, oklch(75.09% 0.1342 225.87) 67.7%, oklch(71.10% 0.1458 235.99) 71.0%, oklch(65.94% 0.1632 245.15) 74.2%, oklch(60.64% 0.1828 253.68) 77.4%, oklch(56.22% 0.2009 261.89) 80.6%, oklch(53.68% 0.2139 270.12) 83.9%, oklch(53.22% 0.2228 278.83) 87.1%, oklch(54.11% 0.2294 287.65) 90.3%, oklch(55.69% 0.2344 295.88) 93.5%, oklch(57.30% 0.2381 302.84) 96.8%, oklch(58.27% 0.2411 307.83) 100.0%);

Bu koleksiyonlarda

Conic gradients

Benzer paletlerKoleksiyonlarPNG indirPalet JSONMarkdownNasıl çalışır