Azul-marinho, turquesa e bege (tritone): gradiente radial
Gradiente radial, 40 cores: #20222a, #233e76, #007b9f, #67b499, #e7d7b1. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #20222a
- #21232e
- #212533
- #22273a
- #232a41
- #242d49
- #252f52
- #25335b
- #253664
- #243a6d
- #233e76
- #21437e
- #1d4886
- #174d8c
- #0f5391
- #025996
- #006098
- #006699
- #006d9b
- #00749d
- #007b9f
- #0082a0
- #0089a2
- #0090a3
- #1397a3
- #269da2
- #36a3a0
- #45a89e
- #55ae9c
- #67b499
- #78b996
- #8abd95
- #9bc194
- #abc596
- #b9c999
- #c6cc9d
- #d1cfa2
- #dad2a7
- #e1d4ad
- #e7d7b1
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.20% 0.0152 274.22) 0.0%, oklch(25.93% 0.0201 273.50) 2.6%, oklch(26.81% 0.0266 272.77) 5.1%, oklch(27.82% 0.0345 272.02) 7.7%, oklch(28.95% 0.0434 271.19) 10.3%, oklch(30.19% 0.0531 270.26) 12.8%, oklch(31.52% 0.0631 269.20) 15.4%, oklch(32.92% 0.0733 267.97) 17.9%, oklch(34.39% 0.0832 266.53) 20.5%, oklch(35.90% 0.0926 264.87) 23.1%, oklch(37.44% 0.1011 262.93) 25.6%, oklch(39.01% 0.1085 260.70) 28.2%, oklch(40.57% 0.1144 258.13) 30.8%, oklch(42.13% 0.1185 255.20) 33.3%, oklch(43.71% 0.1210 251.94) 35.9%, oklch(45.36% 0.1222 248.43) 38.5%, oklch(47.07% 0.1177 244.69) 41.0%, oklch(48.83% 0.1131 240.66) 43.6%, oklch(50.62% 0.1095 236.37) 46.2%, oklch(52.45% 0.1068 231.83) 48.7%, oklch(54.30% 0.1049 227.03) 51.3%, oklch(56.17% 0.1038 221.97) 53.8%, oklch(58.03% 0.1034 216.66) 56.4%, oklch(59.89% 0.1040 211.09) 59.0%, oklch(61.74% 0.1023 205.26) 61.5%, oklch(63.56% 0.0992 199.18) 64.1%, oklch(65.35% 0.0965 192.85) 66.7%, oklch(67.19% 0.0937 185.85) 69.2%, oklch(69.12% 0.0904 177.92) 71.8%, oklch(71.12% 0.0869 169.26) 74.4%, oklch(73.16% 0.0831 160.07) 76.9%, oklch(75.20% 0.0791 150.55) 79.5%, oklch(77.23% 0.0751 140.91) 82.1%, oklch(79.20% 0.0710 131.36) 84.6%, oklch(81.09% 0.0671 122.09) 87.2%, oklch(82.86% 0.0634 113.32) 89.7%, oklch(84.49% 0.0600 105.23) 92.3%, oklch(85.94% 0.0569 98.05) 94.9%, oklch(87.18% 0.0544 91.96) 97.4%, oklch(88.19% 0.0524 87.17) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
