Aller au contenu

Palettes Grabient

Noir, bleu canard, bleu et fauve en aplats angulaires

Noir, bleu canard, bleu et fauve : palette de 64 couleurs. #161f22, #1d6269, #265f83, #1a6e88, #d8b76a. Modifiez-la et exportez-la en CSS, SVG, PNG ou shader.

64 couleurs, 4 points clés OKLCH modifiables.

  • #161f22
  • #172124
  • #182427
  • #19262b
  • #1a2a2e
  • #1b2e33
  • #1b3237
  • #1c363c
  • #1d3b41
  • #1e4046
  • #1e454b
  • #1e4a50
  • #1f4f56
  • #1f545b
  • #1e5960
  • #1e5d64
  • #1d6269
  • #1c666d
  • #1b6a71
  • #1a6d74
  • #186f78
  • #17717a
  • #16727d
  • #14737f
  • #137280
  • #137182
  • #147083
  • #166d84
  • #196b85
  • #1c6885
  • #1f6584
  • #236284
  • #265f83
  • #285c81
  • #2b5980
  • #2d567f
  • #2e547e
  • #30537d
  • #30527c
  • #31517c
  • #31527c
  • #30537d
  • #2f557e
  • #2d5880
  • #2a5c83
  • #256285
  • #206887
  • #1a6e88
  • #157589
  • #147d88
  • #1a8486
  • #268c84
  • #369380
  • #47997b
  • #599f76
  • #6ba471
  • #7da86c
  • #8eac68
  • #9eaf66
  • #adb164
  • #bbb364
  • #c6b566
  • #d0b668
  • #d8b76a

CSS

background: conic-gradient(from 225deg, oklch(23.23% 0.0138 220.08) 0.000% 1.563%, oklch(23.97% 0.0156 219.63) 1.563% 3.125%, oklch(24.89% 0.0178 218.99) 3.125% 4.688%, oklch(25.98% 0.0203 218.20) 4.688% 6.250%, oklch(27.20% 0.0232 217.28) 6.250% 7.813%, oklch(28.54% 0.0264 216.25) 7.813% 9.375%, oklch(29.99% 0.0297 215.14) 9.375% 10.938%, oklch(31.51% 0.0333 213.97) 10.938% 12.500%, oklch(33.10% 0.0371 212.77) 12.500% 14.063%, oklch(34.73% 0.0409 211.56) 14.063% 15.625%, oklch(36.38% 0.0448 210.36) 15.625% 17.188%, oklch(38.03% 0.0487 209.20) 17.188% 18.750%, oklch(39.67% 0.0526 208.11) 18.750% 20.313%, oklch(41.27% 0.0565 207.11) 20.313% 21.875%, oklch(42.81% 0.0602 206.22) 21.875% 23.438%, oklch(44.28% 0.0638 205.47) 23.438% 25.000%, oklch(45.65% 0.0672 204.89) 25.000% 26.563%, oklch(46.91% 0.0704 204.49) 26.563% 28.125%, oklch(48.03% 0.0733 204.31) 28.125% 29.688%, oklch(49.00% 0.0759 204.36) 29.688% 31.250%, oklch(49.79% 0.0781 204.68) 31.250% 32.813%, oklch(50.39% 0.0799 205.28) 32.813% 34.375%, oklch(50.77% 0.0814 206.40) 34.375% 35.938%, oklch(50.93% 0.0825 208.19) 35.938% 37.500%, oklch(50.89% 0.0833 210.56) 37.500% 39.063%, oklch(50.68% 0.0839 213.42) 39.063% 40.625%, oklch(50.31% 0.0843 216.68) 40.625% 42.188%, oklch(49.83% 0.0844 220.26) 42.188% 43.750%, oklch(49.24% 0.0844 224.07) 43.750% 45.313%, oklch(48.58% 0.0842 228.02) 45.313% 46.875%, oklch(47.87% 0.0840 232.01) 46.875% 48.438%, oklch(47.13% 0.0836 235.97) 48.438% 50.000%, oklch(46.38% 0.0831 239.81) 50.000% 51.563%, oklch(45.66% 0.0827 243.43) 51.563% 53.125%, oklch(44.98% 0.0822 246.74) 53.125% 54.688%, oklch(44.37% 0.0817 249.67) 54.688% 56.250%, oklch(43.86% 0.0813 252.11) 56.250% 57.813%, oklch(43.46% 0.0809 253.99) 57.813% 59.375%, oklch(43.21% 0.0807 255.21) 59.375% 60.938%, oklch(43.12% 0.0806 255.69) 60.938% 62.500%, oklch(43.22% 0.0806 255.34) 62.500% 64.063%, oklch(43.54% 0.0809 254.06) 64.063% 65.625%, oklch(44.09% 0.0813 251.78) 65.625% 67.188%, oklch(44.91% 0.0819 248.32) 67.188% 68.750%, oklch(45.96% 0.0827 243.64) 68.750% 70.313%, oklch(47.24% 0.0836 237.88) 70.313% 71.875%, oklch(48.70% 0.0845 231.15) 71.875% 73.438%, oklch(50.34% 0.0856 223.58) 73.438% 75.000%, oklch(52.11% 0.0867 215.28) 75.000% 76.563%, oklch(54.01% 0.0879 206.38) 76.563% 78.125%, oklch(56.00% 0.0892 197.00) 78.125% 79.688%, oklch(58.06% 0.0905 187.27) 79.688% 81.250%, oklch(60.16% 0.0918 177.30) 81.250% 82.813%, oklch(62.28% 0.0931 167.21) 82.813% 84.375%, oklch(64.40% 0.0944 157.14) 84.375% 85.938%, oklch(66.49% 0.0956 147.19) 85.938% 87.500%, oklch(68.52% 0.0969 137.49) 87.500% 89.063%, oklch(70.47% 0.0981 128.17) 89.063% 90.625%, oklch(72.32% 0.0992 119.35) 90.625% 92.188%, oklch(74.04% 0.1002 111.14) 92.188% 93.750%, oklch(75.61% 0.1012 103.68) 93.750% 95.313%, oklch(76.99% 0.1020 97.07) 95.313% 96.875%, oklch(78.18% 0.1028 91.45) 96.875% 98.438%, oklch(79.13% 0.1033 86.93) 98.438% 100.000%);

Dans ces collections

Couleurs de vitrail

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