Aller au contenu

Palettes Grabient

Noir, bleu canard, vert et vert olive sans raccord en dégradé angulaire

Noir, bleu canard, vert et vert olive sans raccord, palette de couleurs

Dégradé angulaire, 80 couleurs à 90° : #070c12, #094e66, #218c76, #b99a31, #0b1013. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #070c12
  • #080e14
  • #091017
  • #0a121a
  • #0b141d
  • #0c1721
  • #0d1a25
  • #0e1d2a
  • #0f202e
  • #102433
  • #112738
  • #112b3d
  • #122f42
  • #123348
  • #12374d
  • #113b52
  • #113f56
  • #0f435b
  • #0e475f
  • #0c4a62
  • #094e66
  • #065169
  • #03556b
  • #00586e
  • #005b70
  • #005f72
  • #006273
  • #006575
  • #006876
  • #006b78
  • #006e79
  • #00727a
  • #00757a
  • #00787b
  • #007b7b
  • #007e7b
  • #02817b
  • #0a847a
  • #128679
  • #1a8978
  • #218c76
  • #298e74
  • #329171
  • #3c956e
  • #479869
  • #539b64
  • #609d5f
  • #6c9f59
  • #79a153
  • #85a24c
  • #90a346
  • #9ba341
  • #a5a33c
  • #ada338
  • #b4a235
  • #b9a134
  • #bc9f33
  • #be9e32
  • #bc9c32
  • #b99a31
  • #b39731
  • #aa9431
  • #9e9132
  • #908c34
  • #808737
  • #6f813b
  • #5e793e
  • #4e7141
  • #3e6843
  • #305f43
  • #245542
  • #1c4b40
  • #16413c
  • #143736
  • #122e30
  • #11262a
  • #101f23
  • #0e191d
  • #0d1417
  • #0b1013

CSS

background: conic-gradient(from 90deg in oklch, oklch(15.35% 0.0152 251.72) 0.0%, oklch(16.03% 0.0168 251.11) 1.3%, oklch(16.83% 0.0188 250.44) 2.5%, oklch(17.75% 0.0211 249.73) 3.8%, oklch(18.77% 0.0237 248.96) 5.1%, oklch(19.89% 0.0265 248.13) 6.3%, oklch(21.08% 0.0295 247.25) 7.6%, oklch(22.35% 0.0327 246.31) 8.9%, oklch(23.67% 0.0361 245.31) 10.1%, oklch(25.03% 0.0395 244.25) 11.4%, oklch(26.43% 0.0430 243.12) 12.7%, oklch(27.85% 0.0465 241.93) 13.9%, oklch(29.28% 0.0500 240.67) 15.2%, oklch(30.71% 0.0535 239.34) 16.5%, oklch(32.12% 0.0569 237.95) 17.7%, oklch(33.50% 0.0601 236.48) 19.0%, oklch(34.85% 0.0633 234.94) 20.3%, oklch(36.15% 0.0662 233.32) 21.5%, oklch(37.39% 0.0689 231.62) 22.8%, oklch(38.55% 0.0714 229.85) 24.1%, oklch(39.63% 0.0735 228.00) 25.3%, oklch(40.68% 0.0755 226.09) 26.6%, oklch(41.70% 0.0773 224.12) 27.8%, oklch(42.71% 0.0790 222.10) 29.1%, oklch(43.70% 0.0796 220.04) 30.4%, oklch(44.68% 0.0802 217.89) 31.6%, oklch(45.64% 0.0809 215.67) 32.9%, oklch(46.58% 0.0816 213.38) 34.2%, oklch(47.50% 0.0824 211.02) 35.4%, oklch(48.41% 0.0834 208.58) 36.7%, oklch(49.30% 0.0844 206.06) 38.0%, oklch(50.18% 0.0855 203.47) 39.2%, oklch(51.05% 0.0868 200.79) 40.5%, oklch(51.90% 0.0883 198.03) 41.8%, oklch(52.73% 0.0900 195.17) 43.0%, oklch(53.55% 0.0919 192.22) 44.3%, oklch(54.36% 0.0938 189.18) 45.6%, oklch(55.15% 0.0949 186.04) 46.8%, oklch(55.94% 0.0960 182.80) 48.1%, oklch(56.71% 0.0972 179.46) 49.4%, oklch(57.48% 0.0985 175.93) 50.6%, oklch(58.36% 0.1002 171.77) 51.9%, oklch(59.35% 0.1021 167.00) 53.2%, oklch(60.41% 0.1042 161.73) 54.4%, oklch(61.54% 0.1065 156.06) 55.7%, oklch(62.69% 0.1090 150.08) 57.0%, oklch(63.86% 0.1115 143.90) 58.2%, oklch(65.01% 0.1140 137.63) 59.5%, oklch(66.13% 0.1164 131.36) 60.8%, oklch(67.19% 0.1188 125.19) 62.0%, oklch(68.17% 0.1210 119.23) 63.3%, oklch(69.05% 0.1230 113.59) 64.6%, oklch(69.79% 0.1247 108.35) 65.8%, oklch(70.39% 0.1261 103.63) 67.1%, oklch(70.82% 0.1271 99.53) 68.4%, oklch(71.04% 0.1277 96.15) 69.6%, oklch(71.05% 0.1278 93.58) 70.9%, oklch(70.82% 0.1273 91.94) 72.2%, oklch(70.32% 0.1263 91.32) 73.4%, oklch(69.54% 0.1246 91.83) 74.7%, oklch(68.40% 0.1221 93.63) 75.9%, oklch(66.84% 0.1186 96.84) 77.2%, oklch(64.89% 0.1144 101.33) 78.5%, oklch(62.61% 0.1094 106.95) 79.7%, oklch(60.03% 0.1037 113.56) 81.0%, oklch(57.20% 0.0976 121.01) 82.3%, oklch(54.16% 0.0909 129.17) 83.5%, oklch(50.97% 0.0840 137.88) 84.8%, oklch(47.67% 0.0768 147.01) 86.1%, oklch(44.30% 0.0694 156.41) 87.3%, oklch(40.90% 0.0620 165.94) 88.6%, oklch(37.54% 0.0546 175.46) 89.9%, oklch(34.24% 0.0474 184.81) 91.1%, oklch(31.06% 0.0405 193.86) 92.4%, oklch(28.03% 0.0339 202.46) 93.7%, oklch(25.22% 0.0277 210.48) 94.9%, oklch(22.65% 0.0221 217.76) 96.2%, oklch(20.39% 0.0172 224.16) 97.5%, oklch(18.46% 0.0130 229.54) 98.7%, oklch(16.93% 0.0096 233.75) 100.0%);

Dans ces collections

Couleurs de nappe de pétrole

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