Blanc et gris en aplats linéaires

Aplats linéaires, 32 couleurs à 90° : #ffffff, #f5f5f5, #e2e2e2, #c5c5c5, #8a8c8e. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #ffffff
• #fefefe
• #fdfdfd
• #fdfdfd
• #fbfbfb
• #fafafa
• #f9f9f9
• #f7f7f7
• #f5f5f5
• #f3f3f3
• #f2f2f2
• #efefef
• #ededed
• #ebebeb
• #e8e8e8
• #e5e5e5
• #e2e2e2
• #dfdfdf
• #dbdbdb
• #d7d7d7
• #d3d3d3
• #cfcfcf
• #cacaca
• #c5c5c5
• #bfbfbf
• #b7b7b8
• #aeafb0
• #a5a6a7
• #9d9e9f
• #959698
• #8e9092
• #8a8c8e

CSS

background: linear-gradient(90deg, oklch(100.00% 0.0000 89.88) 0.000% 3.125%, oklch(99.80% 0.0000 89.88) 3.125% 6.250%, oklch(99.55% 0.0000 89.88) 6.250% 9.375%, oklch(99.26% 0.0000 89.88) 9.375% 12.500%, oklch(98.92% 0.0000 89.88) 12.500% 15.625%, oklch(98.54% 0.0000 89.88) 15.625% 18.750%, oklch(98.11% 0.0000 89.88) 18.750% 21.875%, oklch(97.63% 0.0000 89.88) 21.875% 25.000%, oklch(97.11% 0.0000 89.88) 25.000% 28.125%, oklch(96.56% 0.0000 89.88) 28.125% 31.250%, oklch(95.97% 0.0000 89.88) 31.250% 34.375%, oklch(95.35% 0.0000 89.88) 34.375% 37.500%, oklch(94.67% 0.0000 89.88) 37.500% 40.625%, oklch(93.93% 0.0000 89.88) 40.625% 43.750%, oklch(93.11% 0.0000 89.88) 43.750% 46.875%, oklch(92.22% 0.0000 89.88) 46.875% 50.000%, oklch(91.24% 0.0000 89.88) 50.000% 53.125%, oklch(90.22% 0.0000 89.88) 53.125% 56.250%, oklch(89.17% 0.0000 89.88) 56.250% 59.375%, oklch(88.04% 0.0000 89.88) 59.375% 62.500%, oklch(86.82% 0.0000 89.88) 62.500% 65.625%, oklch(85.48% 0.0000 89.88) 65.625% 68.750%, oklch(83.99% 0.0000 89.88) 68.750% 71.875%, oklch(82.33% 0.0000 89.88) 71.875% 75.000%, oklch(80.39% 0.0003 247.23) 75.000% 78.125%, oklch(78.00% 0.0007 247.45) 78.125% 81.250%, oklch(75.34% 0.0013 247.75) 81.250% 84.375%, oklch(72.57% 0.0020 248.09) 84.375% 87.500%, oklch(69.85% 0.0026 248.45) 87.500% 90.625%, oklch(67.37% 0.0033 248.79) 90.625% 93.750%, oklch(65.29% 0.0038 249.07) 93.750% 96.875%, oklch(63.78% 0.0041 249.26) 96.875% 100.000%);

Dans ces collections

Dégradés blancs

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