Aller au contenu

Palettes Grabient

Noir, rouge, marron et bleu canard sans raccord en dégradé angulaire

Noir, rouge, marron et bleu canard sans raccord, palette de couleurs

Dégradé angulaire, 34 couleurs à 180° : #00020d, #2d0300, #a38756, #1d8ca8, #01000d. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

  • #00020d
  • #01000a
  • #000001
  • #000000
  • #000000
  • #000000
  • #020000
  • #120100
  • #2d0300
  • #4c0000
  • #650200
  • #7a0f07
  • #8c1e12
  • #9d2f1a
  • #a9421d
  • #ae5822
  • #ab7138
  • #a38756
  • #9d9573
  • #999e83
  • #91a389
  • #7ea88f
  • #60a99b
  • #3fa5a9
  • #2b9bae
  • #1d8ca8
  • #0e7c9b
  • #00698a
  • #005677
  • #004264
  • #002a4e
  • #011237
  • #010121
  • #01000d

CSS

background: conic-gradient(from 180deg in oklch, oklch(8.78% 0.0381 261.05) 0.0%, oklch(7.02% 0.0430 278.37) 3.0%, oklch(4.15% 0.0213 307.28) 6.1%, oklch(1.07% 0.0044 355.71) 9.1%, oklch(0.00% 0.0000 0.00) 12.1%, oklch(0.75% 0.0028 33.21) 15.2%, oklch(5.34% 0.0219 29.23) 18.2%, oklch(11.88% 0.0419 34.79) 21.2%, oklch(19.25% 0.0720 32.51) 24.2%, oklch(26.20% 0.1071 29.35) 27.3%, oklch(31.86% 0.1292 29.63) 30.3%, oklch(37.14% 0.1407 29.79) 33.3%, oklch(42.17% 0.1474 30.33) 36.4%, oklch(46.93% 0.1490 32.85) 39.4%, oklch(51.36% 0.1445 38.79) 42.4%, oklch(55.65% 0.1298 49.18) 45.5%, oklch(59.91% 0.1035 63.22) 48.5%, oklch(63.76% 0.0739 79.74) 51.5%, oklch(66.81% 0.0494 97.53) 54.5%, oklch(68.69% 0.0381 115.50) 57.6%, oklch(69.50% 0.0430 135.73) 60.6%, oklch(69.40% 0.0582 157.99) 63.6%, oklch(68.40% 0.0769 179.77) 66.7%, oklch(66.48% 0.0927 198.55) 69.7%, oklch(63.58% 0.0998 211.92) 72.7%, oklch(59.50% 0.1011 219.76) 75.8%, oklch(54.46% 0.0994 224.27) 78.8%, oklch(48.76% 0.0949 227.79) 81.8%, oklch(42.70% 0.0877 232.57) 84.8%, oklch(36.03% 0.0831 240.41) 87.9%, oklch(27.94% 0.0797 250.30) 90.9%, oklch(19.58% 0.0767 260.36) 93.9%, oklch(12.21% 0.0712 269.39) 97.0%, oklch(7.49% 0.0471 274.95) 100.0%);

Dans ces collections

Dégradés arc-en-ciel en boucle

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