Фиолетовый, пурпурный, оранжевый и жёлтый: цветовые кольца

Цветовые кольца, 32 цвета: #5f0a4d, #aa056b, #e53f5b, #ff7e26, #f2cf0d. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

4 редактируемые ключевые точки OKLCH.

• #5f0a4d
• #640a50
• #6b0a53
• #730a58
• #7d095c
• #880761
• #930665
• #9f0568
• #aa056b
• #b5066c
• #be0b6c
• #c7136b
• #ce1b69
• #d52466
• #db2d63
• #e0365f
• #e53f5b
• #e94856
• #ed5151
• #f1594c
• #f56245
• #f86a3e
• #fc7434
• #ff7e26
• #ff8a1c
• #ff960d
• #fea200
• #fcae00
• #fab800
• #f7c100
• #f5c900
• #f2cf0d

CSS

background: radial-gradient(circle at 50% 50%, oklch(33.46% 0.1350 338.91) 0.000% 3.125%, oklch(34.61% 0.1398 339.92) 3.125% 6.250%, oklch(36.10% 0.1465 341.10) 6.250% 9.375%, oklch(37.86% 0.1546 342.47) 9.375% 12.500%, oklch(39.83% 0.1635 344.01) 12.500% 15.625%, oklch(41.96% 0.1730 345.74) 15.625% 18.750%, oklch(44.17% 0.1824 347.64) 18.750% 21.875%, oklch(46.40% 0.1913 349.71) 21.875% 25.000%, oklch(48.58% 0.1991 351.97) 25.000% 28.125%, oklch(50.66% 0.2055 354.40) 28.125% 31.250%, oklch(52.56% 0.2099 357.02) 31.250% 34.375%, oklch(54.27% 0.2120 359.80) 34.375% 37.500%, oklch(55.90% 0.2122 2.74) 37.500% 40.625%, oklch(57.46% 0.2109 5.85) 40.625% 43.750%, oklch(58.98% 0.2084 9.12) 43.750% 46.875%, oklch(60.46% 0.2050 12.58) 46.875% 50.000%, oklch(61.93% 0.2010 16.22) 50.000% 53.125%, oklch(63.38% 0.1969 20.06) 53.125% 56.250%, oklch(64.85% 0.1927 24.11) 56.250% 59.375%, oklch(66.33% 0.1890 28.37) 59.375% 62.500%, oklch(67.86% 0.1861 32.85) 62.500% 65.625%, oklch(69.43% 0.1841 37.61) 65.625% 68.750%, oklch(71.15% 0.1825 43.09) 68.750% 71.875%, oklch(72.97% 0.1812 49.26) 71.875% 75.000%, oklch(74.87% 0.1762 55.88) 75.000% 78.125%, oklch(76.78% 0.1733 62.74) 78.125% 81.250%, oklch(78.66% 0.1708 69.59) 81.250% 84.375%, oklch(80.45% 0.1688 76.24) 84.375% 87.500%, oklch(82.11% 0.1690 82.45) 87.500% 90.625%, oklch(83.60% 0.1709 88.00) 90.625% 93.750%, oklch(84.85% 0.1737 92.66) 93.750% 96.875%, oklch(85.83% 0.1750 96.21) 96.875% 100.000%);

В этих коллекциях

Неоновые градиентыLiminal Hours

Похожие палитрыКоллекцииСкачать PNGJSON палитрыMarkdownКак это работает