Zum Inhalt springen

Grabient-Paletten

Weiß, Hellblau und Grau, radialer Farbverlauf

Palette Weiß, Hellblau und Grau mit 32 Farben. #f9fefc, #f0f8f5, #e2efed, #d1e4e4, #c1dadd. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

32 Farben, 3 bearbeitbare OKLCH-Keyframes.

  • #f9fefc
  • #f8fdfb
  • #f8fdfa
  • #f7fcfa
  • #f6fbf9
  • #f4fbf8
  • #f3faf7
  • #f2f9f6
  • #f0f8f5
  • #eff7f4
  • #edf6f3
  • #ebf5f2
  • #eaf4f1
  • #e8f3f0
  • #e6f2ef
  • #e4f1ee
  • #e2efed
  • #e0eeec
  • #deedea
  • #dcebe9
  • #d9eae8
  • #d7e8e6
  • #d4e6e5
  • #d1e4e4
  • #cfe3e3
  • #cce1e1
  • #cae0e0
  • #c8dedf
  • #c6dddf
  • #c4dbde
  • #c3dadd
  • #c1dadd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(99.21% 0.0055 165.94) 0.0%, oklch(99.05% 0.0058 166.50) 3.2%, oklch(98.85% 0.0061 167.15) 6.5%, oklch(98.64% 0.0065 167.88) 9.7%, oklch(98.40% 0.0070 168.69) 12.9%, oklch(98.14% 0.0074 169.58) 16.1%, oklch(97.85% 0.0079 170.53) 19.4%, oklch(97.55% 0.0085 171.55) 22.6%, oklch(97.24% 0.0090 172.62) 25.8%, oklch(96.91% 0.0096 173.73) 29.0%, oklch(96.56% 0.0102 174.90) 32.3%, oklch(96.20% 0.0108 176.09) 35.5%, oklch(95.83% 0.0115 177.32) 38.7%, oklch(95.46% 0.0121 178.58) 41.9%, oklch(95.07% 0.0128 179.85) 45.2%, oklch(94.68% 0.0134 181.14) 48.4%, oklch(94.28% 0.0141 182.46) 51.6%, oklch(93.84% 0.0149 183.91) 54.8%, oklch(93.36% 0.0157 185.49) 58.1%, oklch(92.84% 0.0165 187.18) 61.3%, oklch(92.29% 0.0174 188.95) 64.5%, oklch(91.73% 0.0184 190.78) 67.7%, oklch(91.16% 0.0193 192.62) 71.0%, oklch(90.59% 0.0203 194.47) 74.2%, oklch(90.03% 0.0212 196.30) 77.4%, oklch(89.49% 0.0221 198.06) 80.6%, oklch(88.96% 0.0230 199.75) 83.9%, oklch(88.48% 0.0238 201.34) 87.1%, oklch(88.03% 0.0245 202.79) 90.3%, oklch(87.63% 0.0252 204.09) 93.5%, oklch(87.28% 0.0257 205.20) 96.8%, oklch(87.01% 0.0262 206.09) 100.0%);

In diesen Sammlungen

Farbfelder in WeißFarbverläufe in GrünFarbfelder in kühlem Blau

Ähnliche PalettenSammlungenPNG herunterladenPaletten-JSONMarkdownSo funktioniert es