Bleu, vert et orange aux tons vifs en aplats linéaires

Aplats linéaires, 26 couleurs à 150° : #412da2, #1b5b81, #518447, #a88e22, #e37c21. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

• #412da2
• #3b33a0
• #333b9b
• #294396
• #1e4b90
• #195389
• #1b5b81
• #20627a
• #206974
• #20706c
• #2c7661
• #3b7a56
• #477f4e
• #518447
• #5d883e
• #6d8b35
• #7d8d2f
• #8c8e2c
• #9a8f27
• #a88e22
• #b68d20
• #c38a20
• #cd8820
• #d6841f
• #de7f1f
• #e37c21

CSS

background: linear-gradient(150deg, oklch(40.16% 0.1778 282.66) 0.000% 3.846%, oklch(40.38% 0.1683 279.00) 3.846% 7.692%, oklch(40.71% 0.1547 273.74) 7.692% 11.538%, oklch(41.26% 0.1394 267.02) 11.538% 15.385%, oklch(42.18% 0.1241 259.01) 15.385% 19.231%, oklch(43.51% 0.1058 249.92) 19.231% 23.077%, oklch(45.06% 0.0878 239.29) 23.077% 26.923%, oklch(46.64% 0.0754 226.56) 26.923% 30.769%, oklch(48.14% 0.0720 210.11) 30.769% 34.615%, oklch(49.67% 0.0748 190.27) 34.615% 38.462%, oklch(51.23% 0.0809 171.09) 38.462% 42.308%, oklch(52.82% 0.0873 156.57) 42.308% 46.154%, oklch(54.48% 0.0960 147.11) 46.154% 50.000%, oklch(56.15% 0.1060 140.24) 50.000% 53.846%, oklch(57.81% 0.1142 133.68) 53.846% 57.692%, oklch(59.42% 0.1181 126.01) 57.692% 61.538%, oklch(61.03% 0.1189 118.41) 61.538% 65.385%, oklch(62.57% 0.1188 110.78) 65.385% 69.231%, oklch(63.97% 0.1202 102.91) 69.231% 73.077%, oklch(65.25% 0.1232 94.39) 73.077% 76.923%, oklch(66.42% 0.1269 85.65) 76.923% 80.769%, oklch(67.38% 0.1314 77.55) 80.769% 84.615%, oklch(68.07% 0.1373 70.63) 84.615% 88.462%, oklch(68.49% 0.1452 64.35) 88.462% 92.308%, oklch(68.73% 0.1530 59.10) 92.308% 96.154%, oklch(68.90% 0.1585 55.45) 96.154% 100.000%);

Dans ces collections

Dégradés sombres

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche