Червоний, фіолетовий і синій, тритон, яскраві тони: лінійні зразки

Лінійні зразки, 32 кольори, кут 90°: #ff2731, #e12669, #9439c4, #473ada, #1b46bf. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

5 ключових кадрів OKLCH, які можна редагувати.

• #ff2731
• #fd2536
• #fb253b
• #f72541
• #f32647
• #ef264e
• #eb2656
• #e6265f
• #e12669
• #db2675
• #d32882
• #ca2b90
• #c02f9e
• #b532aa
• #a935b5
• #9e38bd
• #9439c4
• #893aca
• #7e39cf
• #7339d3
• #6839d7
• #5d39d9
• #5239da
• #473ada
• #3e3cd8
• #363dd5
• #2f3fd1
• #2941cd
• #2443c9
• #2144c5
• #1e45c1
• #1b46bf

CSS

background: linear-gradient(90deg, oklch(64.17% 0.2438 26.02) 0.000% 3.125%, oklch(63.84% 0.2432 24.84) 3.125% 6.250%, oklch(63.40% 0.2403 23.54) 6.250% 9.375%, oklch(62.88% 0.2368 22.02) 9.375% 12.500%, oklch(62.30% 0.2331 20.14) 12.500% 15.625%, oklch(61.67% 0.2293 17.81) 15.625% 18.750%, oklch(61.01% 0.2256 14.89) 18.750% 21.875%, oklch(60.34% 0.2224 11.28) 21.875% 25.000%, oklch(59.68% 0.2199 6.85) 25.000% 28.125%, oklch(58.98% 0.2176 1.22) 28.125% 31.250%, oklch(58.25% 0.2153 354.56) 31.250% 34.375%, oklch(57.50% 0.2133 347.18) 34.375% 37.500%, oklch(56.72% 0.2115 339.43) 37.500% 40.625%, oklch(55.93% 0.2102 331.63) 40.625% 43.750%, oklch(55.13% 0.2094 324.13) 43.750% 46.875%, oklch(54.33% 0.2092 317.26) 46.875% 50.000%, oklch(53.53% 0.2100 311.20) 50.000% 53.125%, oklch(52.69% 0.2123 305.40) 53.125% 56.250%, oklch(51.81% 0.2157 299.78) 56.250% 59.375%, oklch(50.92% 0.2197 294.42) 59.375% 62.500%, oklch(50.05% 0.2237 289.39) 62.500% 65.625%, oklch(49.22% 0.2272 284.75) 65.625% 68.750%, oklch(48.46% 0.2296 280.58) 68.750% 71.875%, oklch(47.79% 0.2303 276.93) 71.875% 75.000%, oklch(47.22% 0.2288 273.90) 75.000% 78.125%, oklch(46.72% 0.2254 271.47) 78.125% 81.250%, oklch(46.29% 0.2206 269.57) 81.250% 84.375%, oklch(45.91% 0.2149 268.08) 84.375% 87.500%, oklch(45.59% 0.2090 266.93) 87.500% 90.625%, oklch(45.31% 0.2035 266.01) 90.625% 93.750%, oklch(45.08% 0.1988 265.23) 93.750% 96.875%, oklch(44.88% 0.1957 264.49) 96.875% 100.000%);

У цих колекціях

Червоно-сині градієнти

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює