Noir, gris et blanc en aplats angulaires

Aplats angulaires, 32 couleurs à 45° : #000000, #f2f2f2, #1a1a1a, #a0a0a0, #ffffff. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #000000
• #020202
• #1b1b1b
• #424242
• #717171
• #a0a0a0
• #cacaca
• #e8e8e8
• #f2f2f2
• #e6e6e6
• #c8c8c8
• #a0a0a0
• #767676
• #4f4f4f
• #313131
• #1e1e1e
• #1a1a1a
• #202020
• #2d2d2d
• #414141
• #595959
• #737373
• #8c8c8c
• #a0a0a0
• #b0b0b0
• #bfbfbf
• #cdcdcd
• #d9d9d9
• #e5e5e5
• #efefef
• #f8f8f8
• #ffffff

CSS

background: conic-gradient(from 45deg, oklch(0.00% 0.0000 0.00) 0.000% 3.125%, oklch(8.93% 0.0000 89.88) 3.125% 6.250%, oklch(22.17% 0.0000 89.88) 6.250% 9.375%, oklch(38.01% 0.0000 89.88) 9.375% 12.500%, oklch(54.74% 0.0000 89.88) 12.500% 15.625%, oklch(70.63% 0.0000 89.88) 15.625% 18.750%, oklch(83.98% 0.0000 89.88) 18.750% 21.875%, oklch(93.07% 0.0000 89.88) 21.875% 25.000%, oklch(96.18% 0.0000 89.88) 25.000% 28.125%, oklch(92.42% 0.0000 89.88) 28.125% 31.250%, oklch(83.30% 0.0000 89.88) 31.250% 34.375%, oklch(70.72% 0.0000 89.88) 34.375% 37.500%, oklch(56.56% 0.0000 89.88) 37.500% 40.625%, oklch(42.74% 0.0000 89.88) 40.625% 43.750%, oklch(31.14% 0.0000 89.88) 43.750% 46.875%, oklch(23.65% 0.0000 89.88) 46.875% 50.000%, oklch(21.82% 0.0000 89.88) 50.000% 53.125%, oklch(24.25% 0.0000 89.88) 53.125% 56.250%, oklch(29.77% 0.0000 89.88) 56.250% 59.375%, oklch(37.44% 0.0000 89.88) 59.375% 62.500%, oklch(46.31% 0.0000 89.88) 62.500% 65.625%, oklch(55.43% 0.0000 89.88) 65.625% 68.750%, oklch(63.88% 0.0000 89.88) 68.750% 71.875%, oklch(70.70% 0.0000 89.88) 71.875% 75.000%, oklch(75.74% 0.0000 89.88) 75.000% 78.125%, oklch(80.40% 0.0000 89.88) 78.125% 81.250%, oklch(84.73% 0.0000 89.88) 81.250% 84.375%, oklch(88.68% 0.0000 89.88) 84.375% 87.500%, oklch(92.22% 0.0000 89.88) 87.500% 90.625%, oklch(95.32% 0.0000 89.88) 90.625% 93.750%, oklch(97.92% 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