Bleu, blanc cassé, bleu clair et jaune en dégradé radial
Dégradé radial, 40 couleurs : #737ea6, #aed9f5, #e4f3cf, #97d9ef, #fde78a. Modifiez et exportez en CSS, SVG, PNG ou shader.
6 points clés OKLCH modifiables.
- #737ea6
- #7884ac
- #808db3
- #8a99bc
- #95a5c5
- #a0b1cf
- #a9bdd8
- #b1c7e1
- #b5cee9
- #b3d4ef
- #aed9f5
- #a5ddf9
- #99e0fc
- #8de4fb
- #82e8f7
- #7eebf0
- #85efe7
- #99f2db
- #b4f3d0
- #cff3cb
- #e4f3cf
- #f1f4d9
- #f7f5e2
- #f8f5e7
- #f5f4e6
- #ecf1df
- #dbedd8
- #c2e9d9
- #a8e2e2
- #97d9ef
- #93d0f9
- #92cafe
- #8cccff
- #7ad4fd
- #6bdff1
- #73e9d9
- #97eeba
- #c2ee9f
- #e6ea8f
- #fde78a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.84% 0.0634 272.81) 0.0%, oklch(61.89% 0.0614 271.20) 2.6%, oklch(64.78% 0.0583 269.30) 5.1%, oklch(68.23% 0.0545 267.05) 7.7%, oklch(71.96% 0.0506 264.40) 10.3%, oklch(75.70% 0.0473 261.29) 12.8%, oklch(79.17% 0.0450 257.64) 15.4%, oklch(82.09% 0.0444 253.41) 17.9%, oklch(84.21% 0.0460 248.54) 20.5%, oklch(85.57% 0.0513 243.13) 23.1%, oklch(86.39% 0.0596 237.23) 25.6%, oklch(86.82% 0.0697 230.81) 28.2%, oklch(87.03% 0.0802 223.83) 30.8%, oklch(87.15% 0.0897 216.26) 33.3%, oklch(87.35% 0.0970 208.06) 35.9%, oklch(87.77% 0.1007 199.20) 38.5%, oklch(88.56% 0.0993 189.31) 41.0%, oklch(89.79% 0.0920 175.78) 43.6%, oklch(91.31% 0.0801 159.49) 46.2%, oklch(92.93% 0.0655 142.23) 48.7%, oklch(94.48% 0.0503 125.76) 51.3%, oklch(95.79% 0.0361 111.85) 53.8%, oklch(96.67% 0.0249 102.27) 56.4%, oklch(96.95% 0.0186 98.79) 59.0%, oklch(96.40% 0.0188 103.77) 61.5%, oklch(94.88% 0.0243 119.17) 64.1%, oklch(92.67% 0.0339 141.97) 66.7%, oklch(90.06% 0.0461 168.75) 69.2%, oklch(87.37% 0.0595 196.08) 71.8%, oklch(84.92% 0.0729 220.55) 74.4%, oklch(83.02% 0.0847 238.74) 76.9%, oklch(81.97% 0.0937 247.22) 79.5%, oklch(81.97% 0.0979 243.58) 82.1%, oklch(82.81% 0.1041 229.90) 84.6%, oklch(84.26% 0.1075 209.02) 87.2%, oklch(86.08% 0.1100 183.79) 89.7%, oklch(88.04% 0.1119 157.06) 92.3%, oklch(89.92% 0.1133 131.68) 94.9%, oklch(91.49% 0.1145 110.49) 97.4%, oklch(92.52% 0.1157 96.34) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
