Bleu, lavande et orange (trichromie) aux tons pastel en dégradé radial
Dégradé radial, 56 couleurs : #4193e8, #d0e4fd, #c6c8ea, #d388b8, #ffa137. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #4193e8
- #4796e9
- #509beb
- #599fec
- #63a5ee
- #6dabef
- #78b2f1
- #84b9f3
- #90bff5
- #9bc6f7
- #a7cdf8
- #b2d3fa
- #bddafb
- #c7dffc
- #d0e4fd
- #d8e8fe
- #dfecfe
- #e3eefe
- #e7f0fe
- #e8f0fd
- #e8effc
- #e6edfb
- #e3eaf9
- #dfe6f7
- #dae1f5
- #d5dbf2
- #d0d5f0
- #cbcfed
- #c6c8ea
- #c2c1e6
- #bebae3
- #bbb3e0
- #b9acdc
- #b8a5d8
- #b89fd5
- #b99ad1
- #bb95cd
- #be92ca
- #c28ec6
- #c78cc2
- #cc8abd
- #d388b8
- #d986b1
- #e085aa
- #e685a2
- #ec8599
- #f28690
- #f78886
- #fb8a7b
- #fe8d71
- #ff9167
- #ff955f
- #ff9956
- #ff9c4d
- #ff9f43
- #ffa137
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(65.35% 0.1502 251.72) 0.0%, oklch(66.33% 0.1460 251.87) 1.8%, oklch(67.60% 0.1406 251.94) 3.6%, oklch(69.13% 0.1342 251.94) 5.5%, oklch(70.88% 0.1268 251.90) 7.3%, oklch(72.79% 0.1188 251.83) 9.1%, oklch(74.85% 0.1102 251.76) 10.9%, oklch(76.99% 0.1011 251.72) 12.7%, oklch(79.19% 0.0919 251.71) 14.5%, oklch(81.40% 0.0825 251.77) 16.4%, oklch(83.58% 0.0732 251.91) 18.2%, oklch(85.70% 0.0642 252.15) 20.0%, oklch(87.70% 0.0556 252.52) 21.8%, oklch(89.56% 0.0475 253.03) 23.6%, oklch(91.23% 0.0402 253.71) 25.5%, oklch(92.67% 0.0337 254.58) 27.3%, oklch(93.83% 0.0283 255.66) 29.1%, oklch(94.69% 0.0241 256.97) 30.9%, oklch(95.19% 0.0213 258.54) 32.7%, oklch(95.31% 0.0199 260.34) 34.5%, oklch(95.05% 0.0196 262.31) 36.4%, oklch(94.45% 0.0204 264.44) 38.2%, oklch(93.55% 0.0222 266.72) 40.0%, oklch(92.40% 0.0248 269.15) 41.8%, oklch(91.03% 0.0281 271.73) 43.6%, oklch(89.48% 0.0321 274.47) 45.5%, oklch(87.80% 0.0366 277.36) 47.3%, oklch(86.02% 0.0416 280.39) 49.1%, oklch(84.19% 0.0469 283.58) 50.9%, oklch(82.35% 0.0524 286.91) 52.7%, oklch(80.53% 0.0581 290.39) 54.5%, oklch(78.77% 0.0638 294.01) 56.4%, oklch(77.13% 0.0695 297.78) 58.2%, oklch(75.63% 0.0750 301.69) 60.0%, oklch(74.32% 0.0803 305.74) 61.8%, oklch(73.23% 0.0852 309.94) 63.6%, oklch(72.42% 0.0897 314.27) 65.5%, oklch(71.91% 0.0936 318.77) 67.3%, oklch(71.61% 0.0975 323.74) 69.1%, oklch(71.50% 0.1016 329.22) 70.9%, oklch(71.53% 0.1058 335.13) 72.7%, oklch(71.71% 0.1100 341.39) 74.5%, oklch(72.01% 0.1143 347.93) 76.4%, oklch(72.41% 0.1186 354.68) 78.2%, oklch(72.89% 0.1229 1.55) 80.0%, oklch(73.44% 0.1271 8.48) 81.8%, oklch(74.04% 0.1312 15.38) 83.6%, oklch(74.68% 0.1353 22.18) 85.5%, oklch(75.32% 0.1392 28.81) 87.3%, oklch(75.97% 0.1429 35.19) 89.1%, oklch(76.59% 0.1447 41.25) 90.9%, oklch(77.17% 0.1452 46.90) 92.7%, oklch(77.69% 0.1470 52.07) 94.5%, oklch(78.14% 0.1501 56.69) 96.4%, oklch(78.49% 0.1541 60.68) 98.2%, oklch(78.74% 0.1587 63.97) 100.0%);Dans ces collections
Palette de couleurs mode clair
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
