Rose, violet et bleu (trichromie) aux tons vifs en dégradé radial
Dégradé radial, 56 couleurs : #ff2f85, #67adfe, #34aae8, #6e7cfa, #b551e8. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #ff2f85
- #fc3591
- #f83da0
- #f247b1
- #ea51c2
- #e05bd3
- #d566e2
- #c970f0
- #bb7afa
- #ac86ff
- #9e91ff
- #9099ff
- #83a1ff
- #75a7ff
- #67adfe
- #5eb1f9
- #57b5f3
- #52b7ee
- #50b9ea
- #4dbae7
- #4bbae5
- #49b9e3
- #46b8e2
- #42b6e2
- #3eb5e2
- #3bb2e3
- #37b0e4
- #35ade6
- #34aae8
- #34a6ea
- #36a2ec
- #3a9eee
- #3e9af0
- #4496f2
- #4992f4
- #4e8ff5
- #538bf6
- #5888f7
- #5d86f8
- #6283f9
- #687ffa
- #6e7cfa
- #7479fb
- #7a75fb
- #8072fa
- #876efa
- #8d6bf9
- #9367f8
- #9864f6
- #9e61f4
- #a35ef2
- #a75bf0
- #ab58ee
- #af55ec
- #b253e9
- #b551e8
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.2430 2.81) 0.0%, oklch(66.42% 0.2399 358.60) 1.8%, oklch(66.78% 0.2347 353.25) 3.6%, oklch(67.22% 0.2285 346.91) 5.5%, oklch(67.72% 0.2216 339.73) 7.3%, oklch(68.28% 0.2139 331.86) 9.1%, oklch(68.87% 0.2057 323.42) 10.9%, oklch(69.49% 0.1971 314.59) 12.7%, oklch(70.13% 0.1883 305.48) 14.5%, oklch(70.76% 0.1737 296.26) 16.4%, oklch(71.38% 0.1575 287.06) 18.2%, oklch(71.98% 0.1474 278.03) 20.0%, oklch(72.54% 0.1416 269.31) 21.8%, oklch(73.05% 0.1394 261.05) 23.6%, oklch(73.50% 0.1385 253.40) 25.5%, oklch(73.87% 0.1321 246.49) 27.3%, oklch(74.16% 0.1267 240.47) 29.1%, oklch(74.34% 0.1223 235.49) 30.9%, oklch(74.41% 0.1192 231.70) 32.7%, oklch(74.36% 0.1174 229.12) 34.5%, oklch(74.19% 0.1167 227.44) 36.4%, oklch(73.91% 0.1168 226.59) 38.2%, oklch(73.54% 0.1178 226.47) 40.0%, oklch(73.09% 0.1195 227.02) 41.8%, oklch(72.56% 0.1219 228.16) 43.6%, oklch(71.98% 0.1249 229.83) 45.5%, oklch(71.35% 0.1283 231.94) 47.3%, oklch(70.69% 0.1321 234.44) 49.1%, oklch(70.01% 0.1363 237.24) 50.9%, oklch(69.31% 0.1407 240.27) 52.7%, oklch(68.62% 0.1452 243.46) 54.5%, oklch(67.94% 0.1497 246.74) 56.4%, oklch(67.29% 0.1542 250.04) 58.2%, oklch(66.68% 0.1586 253.27) 60.0%, oklch(66.12% 0.1628 256.38) 61.8%, oklch(65.62% 0.1667 259.28) 63.6%, oklch(65.20% 0.1702 261.91) 65.5%, oklch(64.86% 0.1732 264.23) 67.3%, oklch(64.56% 0.1763 266.64) 69.1%, oklch(64.30% 0.1795 269.24) 70.9%, oklch(64.07% 0.1827 272.01) 72.7%, oklch(63.86% 0.1861 274.91) 74.5%, oklch(63.68% 0.1895 277.92) 76.4%, oklch(63.53% 0.1929 281.00) 78.2%, oklch(63.39% 0.1963 284.11) 80.0%, oklch(63.27% 0.1997 287.24) 81.8%, oklch(63.17% 0.2030 290.35) 83.6%, oklch(63.09% 0.2063 293.40) 85.5%, oklch(63.01% 0.2094 296.36) 87.3%, oklch(62.94% 0.2124 299.21) 89.1%, oklch(62.88% 0.2152 301.91) 90.9%, oklch(62.82% 0.2178 304.43) 92.7%, oklch(62.77% 0.2203 306.74) 94.5%, oklch(62.72% 0.2224 308.81) 96.4%, oklch(62.66% 0.2244 310.60) 98.2%, oklch(62.60% 0.2260 312.09) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
