Noir, gris et blanc en aplats linéaires

Aplats linéaires, 32 couleurs à 135° : #000000, #7d7d7d, #c7c7c7, #e6e6e6, #ffffff. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #000000
• #010101
• #080808
• #181818
• #2c2c2c
• #434343
• #595959
• #6d6d6d
• #7d7d7d
• #8b8b8b
• #979797
• #a1a1a1
• #aaaaaa
• #b2b2b2
• #b9b9b9
• #c0c0c0
• #c7c7c7
• #cdcdcd
• #d3d3d3
• #d7d7d7
• #dbdbdb
• #dfdfdf
• #e3e3e3
• #e6e6e6
• #eaeaea
• #eeeeee
• #f2f2f2
• #f5f5f5
• #f8f8f8
• #fbfbfb
• #fdfdfd
• #ffffff

CSS

background: linear-gradient(135deg, oklch(1.97% 0.0000 89.88) 0.000% 3.125%, oklch(6.68% 0.0000 89.88) 3.125% 6.250%, oklch(13.21% 0.0000 89.88) 6.250% 9.375%, oklch(21.01% 0.0000 89.88) 9.375% 12.500%, oklch(29.50% 0.0000 89.88) 12.500% 15.625%, oklch(38.12% 0.0000 89.88) 15.625% 18.750%, oklch(46.30% 0.0000 89.88) 18.750% 21.875%, oklch(53.49% 0.0000 89.88) 21.875% 25.000%, oklch(59.14% 0.0000 89.88) 25.000% 28.125%, oklch(63.70% 0.0000 89.88) 28.125% 31.250%, oklch(67.57% 0.0000 89.88) 31.250% 34.375%, oklch(70.86% 0.0000 89.88) 34.375% 37.500%, oklch(73.71% 0.0000 89.88) 37.500% 40.625%, oklch(76.23% 0.0000 89.88) 40.625% 43.750%, oklch(78.54% 0.0000 89.88) 43.750% 46.875%, oklch(80.77% 0.0000 89.88) 46.875% 50.000%, oklch(82.98% 0.0000 89.88) 50.000% 53.125%, oklch(84.90% 0.0000 89.88) 53.125% 56.250%, oklch(86.55% 0.0000 89.88) 56.250% 59.375%, oklch(87.97% 0.0000 89.88) 59.375% 62.500%, oklch(89.23% 0.0000 89.88) 62.500% 65.625%, oklch(90.39% 0.0000 89.88) 65.625% 68.750%, oklch(91.50% 0.0000 89.88) 68.750% 71.875%, oklch(92.62% 0.0000 89.88) 71.875% 75.000%, oklch(93.78% 0.0000 89.88) 75.000% 78.125%, oklch(94.92% 0.0000 89.88) 78.125% 81.250%, oklch(96.01% 0.0000 89.88) 81.250% 84.375%, oklch(97.02% 0.0000 89.88) 84.375% 87.500%, oklch(97.95% 0.0000 89.88) 87.500% 90.625%, oklch(98.77% 0.0000 89.88) 90.625% 93.750%, oklch(99.46% 0.0000 89.88) 93.750% 96.875%, oklch(100.00% 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