Orange, bleu canard et gris en dégradé radial
Orange, bleu canard et gris : palette de 40 couleurs. #f27a1a, #cd9425, #50ad7a, #3a9ba6, #708580. Modifiez-la et exportez-la en CSS, SVG, PNG ou shader.
40 couleurs, 4 points clés OKLCH modifiables.
- #f27a1a
- #f07b16
- #ee7e14
- #eb8013
- #e88314
- #e58515
- #e18818
- #dd8b1b
- #d88e1e
- #d39122
- #cd9425
- #c79729
- #c09a2e
- #b99c32
- #b09f38
- #a4a23f
- #97a548
- #88a853
- #76aa5f
- #64ac6c
- #50ad7a
- #3bac87
- #26ab92
- #12a99c
- #05a7a4
- #0ca4a9
- #1aa2ab
- #269fab
- #319da9
- #3a9ba6
- #4298a1
- #4a969c
- #519497
- #589192
- #5e8f8d
- #638d89
- #688a85
- #6c8883
- #6e8681
- #708580
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.47% 0.1750 51.33) 0.0%, oklch(70.47% 0.1727 53.01) 2.6%, oklch(70.48% 0.1698 54.84) 5.1%, oklch(70.51% 0.1663 56.83) 7.7%, oklch(70.54% 0.1624 59.04) 10.3%, oklch(70.56% 0.1582 61.48) 12.8%, oklch(70.59% 0.1537 64.19) 15.4%, oklch(70.60% 0.1491 67.21) 17.9%, oklch(70.59% 0.1445 70.57) 20.5%, oklch(70.56% 0.1400 74.30) 23.1%, oklch(70.50% 0.1358 78.43) 25.6%, oklch(70.40% 0.1319 83.01) 28.2%, oklch(70.26% 0.1284 88.05) 30.8%, oklch(70.08% 0.1254 93.60) 33.3%, oklch(69.84% 0.1231 100.15) 35.9%, oklch(69.55% 0.1214 108.00) 38.5%, oklch(69.22% 0.1201 116.88) 41.0%, oklch(68.85% 0.1193 126.51) 43.6%, oklch(68.45% 0.1186 136.63) 46.2%, oklch(68.03% 0.1180 146.96) 48.7%, oklch(67.59% 0.1174 157.23) 51.3%, oklch(67.14% 0.1167 167.17) 53.8%, oklch(66.69% 0.1156 176.51) 56.4%, oklch(66.24% 0.1142 184.98) 59.0%, oklch(65.80% 0.1122 192.31) 61.5%, oklch(65.37% 0.1095 198.22) 64.1%, oklch(64.96% 0.1061 202.44) 66.7%, oklch(64.55% 0.1017 204.92) 69.2%, oklch(64.12% 0.0962 205.91) 71.8%, oklch(63.67% 0.0899 205.62) 74.4%, oklch(63.22% 0.0830 204.27) 76.9%, oklch(62.76% 0.0756 202.06) 79.5%, oklch(62.30% 0.0681 199.22) 82.1%, oklch(61.86% 0.0604 195.95) 84.6%, oklch(61.44% 0.0530 192.46) 87.2%, oklch(61.04% 0.0459 188.96) 89.7%, oklch(60.67% 0.0393 185.68) 92.3%, oklch(60.35% 0.0335 182.81) 94.9%, oklch(60.07% 0.0286 180.58) 97.4%, oklch(59.84% 0.0248 179.20) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
