Рожево-ліловий, рожевий, блакитний і бежевий: кутові зразки

Кутові зразки, 20 кольорів, кут 135°: #a56778, #d49da7, #c8c6e8, #b6dee2, #dce5bd. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #a56778
• #ab6e7e
• #b47885
• #bf848f
• #ca919a
• #d49da7
• #dba7b5
• #ddafc4
• #dab6d3
• #d2bee0
• #c8c6e8
• #bfcdeb
• #b9d4ea
• #b6d9e7
• #b6dee2
• #b9e2da
• #c0e5d1
• #cae6c9
• #d4e6c2
• #dce5bd

CSS

background: conic-gradient(from 135deg, oklch(58.66% 0.0813 2.11) 0.000% 5.000%, oklch(60.84% 0.0793 2.99) 5.000% 10.000%, oklch(63.95% 0.0767 5.34) 10.000% 15.000%, oklch(67.60% 0.0735 7.75) 15.000% 20.000%, oklch(71.41% 0.0700 8.78) 20.000% 25.000%, oklch(74.99% 0.0665 7.03) 25.000% 30.000%, oklch(77.95% 0.0631 1.06) 30.000% 35.000%, oklch(80.07% 0.0597 349.48) 35.000% 40.000%, oklch(81.69% 0.0558 332.40) 40.000% 45.000%, oklch(82.94% 0.0517 311.48) 45.000% 50.000%, oklch(83.94% 0.0478 288.37) 50.000% 55.000%, oklch(84.80% 0.0445 264.78) 55.000% 60.000%, oklch(85.63% 0.0421 242.39) 60.000% 65.000%, oklch(86.53% 0.0412 222.55) 65.000% 70.000%, oklch(87.41% 0.0420 202.48) 70.000% 75.000%, oklch(88.23% 0.0440 182.00) 75.000% 80.000%, oklch(88.97% 0.0467 162.22) 80.000% 85.000%, oklch(89.61% 0.0496 144.22) 85.000% 90.000%, oklch(90.14% 0.0521 129.12) 90.000% 95.000%, oklch(90.55% 0.0537 118.00) 95.000% 100.000%);

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

Опалесцентні зразки

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