Blanc, gris et noir en aplats linéaires

Aplats linéaires, 32 couleurs à 135° : #f8f8f8, #989898, #262626, #747474, #eeeeee. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #f8f8f8
• #f1f1f1
• #e8e8e8
• #dddddd
• #d0d0d0
• #c3c3c3
• #b5b5b5
• #a7a7a7
• #989898
• #878787
• #747474
• #606060
• #4d4d4d
• #3d3d3d
• #303030
• #282828
• #262626
• #2a2a2a
• #313131
• #3b3b3b
• #484848
• #575757
• #666666
• #747474
• #828282
• #929292
• #a3a3a3
• #b4b4b4
• #c6c6c6
• #d6d6d6
• #e4e4e4
• #eeeeee

CSS

background: linear-gradient(135deg, oklch(98.03% 0.0000 89.88) 0.000% 3.125%, oklch(95.83% 0.0000 89.88) 3.125% 6.250%, oklch(92.99% 0.0000 89.88) 6.250% 9.375%, oklch(89.61% 0.0000 89.88) 9.375% 12.500%, oklch(85.80% 0.0000 89.88) 12.500% 15.625%, oklch(81.65% 0.0000 89.88) 15.625% 18.750%, oklch(77.25% 0.0000 89.88) 18.750% 21.875%, oklch(72.72% 0.0000 89.88) 21.875% 25.000%, oklch(68.10% 0.0000 89.88) 25.000% 28.125%, oklch(62.47% 0.0000 89.88) 28.125% 31.250%, oklch(55.89% 0.0000 89.88) 31.250% 34.375%, oklch(48.89% 0.0000 89.88) 34.375% 37.500%, oklch(42.05% 0.0000 89.88) 37.500% 40.625%, oklch(35.89% 0.0000 89.88) 40.625% 43.750%, oklch(30.99% 0.0000 89.88) 43.750% 46.875%, oklch(27.88% 0.0000 89.88) 46.875% 50.000%, oklch(27.05% 0.0000 89.88) 50.000% 53.125%, oklch(28.30% 0.0000 89.88) 53.125% 56.250%, oklch(31.21% 0.0000 89.88) 56.250% 59.375%, oklch(35.35% 0.0000 89.88) 59.375% 62.500%, oklch(40.30% 0.0000 89.88) 62.500% 65.625%, oklch(45.67% 0.0000 89.88) 65.625% 68.750%, oklch(51.03% 0.0000 89.88) 68.750% 71.875%, oklch(55.97% 0.0000 89.88) 71.875% 75.000%, oklch(60.59% 0.0000 89.88) 75.000% 78.125%, oklch(65.83% 0.0000 89.88) 78.125% 81.250%, oklch(71.45% 0.0000 89.88) 81.250% 84.375%, oklch(77.15% 0.0000 89.88) 84.375% 87.500%, oklch(82.64% 0.0000 89.88) 87.500% 90.625%, oklch(87.62% 0.0000 89.88) 90.625% 93.750%, oklch(91.80% 0.0000 89.88) 93.750% 96.875%, oklch(94.88% 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