Gris et noir en aplats linéaires

Aplats linéaires, 32 couleurs à 45° : #e7e7e7, #9c9c9c, #3a3a3a, #0f0f0f, #bababa. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #e7e7e7
• #e2e2e2
• #dadada
• #d1d1d1
• #c8c8c8
• #bdbdbd
• #b2b2b2
• #a7a7a7
• #9c9c9c
• #8f8f8f
• #828282
• #757575
• #676767
• #5a5a5a
• #4e4e4e
• #434343
• #3a3a3a
• #303030
• #252525
• #1b1b1b
• #141414
• #0e0e0e
• #0d0d0d
• #0f0f0f
• #171717
• #262626
• #3c3c3c
• #575757
• #747474
• #909090
• #a8a8a8
• #bababa

CSS

background: linear-gradient(45deg, oklch(92.91% 0.0000 89.88) 0.000% 3.125%, oklch(91.16% 0.0000 89.88) 3.125% 6.250%, oklch(88.91% 0.0000 89.88) 6.250% 9.375%, oklch(86.22% 0.0000 89.88) 9.375% 12.500%, oklch(83.19% 0.0000 89.88) 12.500% 15.625%, oklch(79.89% 0.0000 89.88) 15.625% 18.750%, oklch(76.40% 0.0000 89.88) 18.750% 21.875%, oklch(72.80% 0.0000 89.88) 21.875% 25.000%, oklch(69.15% 0.0000 89.88) 25.000% 28.125%, oklch(65.13% 0.0000 89.88) 28.125% 31.250%, oklch(60.72% 0.0000 89.88) 31.250% 34.375%, oklch(56.07% 0.0000 89.88) 34.375% 37.500%, oklch(51.36% 0.0000 89.88) 37.500% 40.625%, oklch(46.73% 0.0000 89.88) 40.625% 43.750%, oklch(42.36% 0.0000 89.88) 43.750% 46.875%, oklch(38.39% 0.0000 89.88) 46.875% 50.000%, oklch(34.81% 0.0000 89.88) 50.000% 53.125%, oklch(30.77% 0.0000 89.88) 53.125% 56.250%, oklch(26.50% 0.0000 89.88) 56.250% 59.375%, oklch(22.43% 0.0000 89.88) 59.375% 62.500%, oklch(18.98% 0.0000 89.88) 62.500% 65.625%, oklch(16.60% 0.0000 89.88) 65.625% 68.750%, oklch(15.70% 0.0000 89.88) 68.750% 71.875%, oklch(16.72% 0.0000 89.88) 71.875% 75.000%, oklch(20.34% 0.0000 89.88) 75.000% 78.125%, oklch(26.94% 0.0000 89.88) 78.125% 81.250%, oklch(35.65% 0.0000 89.88) 81.250% 84.375%, oklch(45.55% 0.0000 89.88) 84.375% 87.500%, oklch(55.73% 0.0000 89.88) 87.500% 90.625%, oklch(65.26% 0.0000 89.88) 90.625% 93.750%, oklch(73.24% 0.0000 89.88) 93.750% 96.875%, oklch(78.74% 0.0000 89.88) 96.875% 100.000%);

Dans ces collections

Dégradés noir et blanc

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