Caramelo, roxo, azul e cinza: amostras radiais
Amostras radiais, 64 cores: #c79f86, #c38561, #9a4d75, #405b96, #6a9590. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #c79f86
- #c79e85
- #c79d84
- #c79c82
- #c79a80
- #c7997e
- #c6987b
- #c69679
- #c69576
- #c69373
- #c69270
- #c5906e
- #c58e6b
- #c58c68
- #c48a65
- #c48863
- #c38561
- #c3835f
- #c2805d
- #c27d5c
- #c17a5b
- #c0775b
- #bf745c
- #be705d
- #bc6c5e
- #b96860
- #b66462
- #b35f64
- #af5b67
- #aa576a
- #a5536e
- #a05071
- #9a4d75
- #934a78
- #8d487c
- #86477f
- #7f4682
- #784585
- #724588
- #6b458a
- #65468c
- #5f488e
- #594990
- #544c91
- #4e4f93
- #495394
- #445795
- #405b96
- #3c6096
- #386596
- #366996
- #356e95
- #357395
- #387894
- #3b7c93
- #408092
- #468492
- #4c8891
- #528b91
- #588e91
- #5d9091
- #629290
- #669490
- #6a9590
CSS
background: radial-gradient(circle at 50% 50%, oklch(73.23% 0.0593 52.03) 0.000% 1.563%, oklch(73.00% 0.0604 51.86) 1.563% 3.125%, oklch(72.76% 0.0617 51.84) 3.125% 4.688%, oklch(72.49% 0.0633 51.95) 4.688% 6.250%, oklch(72.21% 0.0650 52.14) 6.250% 7.813%, oklch(71.90% 0.0669 52.39) 7.813% 9.375%, oklch(71.58% 0.0689 52.68) 9.375% 10.938%, oklch(71.23% 0.0711 52.97) 10.938% 12.500%, oklch(70.86% 0.0733 53.24) 12.500% 14.063%, oklch(70.48% 0.0757 53.45) 14.063% 15.625%, oklch(70.07% 0.0780 53.59) 15.625% 17.188%, oklch(69.64% 0.0804 53.61) 17.188% 18.750%, oklch(69.19% 0.0828 53.50) 18.750% 20.313%, oklch(68.72% 0.0852 53.22) 20.313% 21.875%, oklch(68.23% 0.0875 52.74) 21.875% 23.438%, oklch(67.71% 0.0898 52.03) 23.438% 25.000%, oklch(67.18% 0.0920 51.07) 25.000% 26.563%, oklch(66.62% 0.0940 49.83) 26.563% 28.125%, oklch(66.04% 0.0959 48.28) 28.125% 29.688%, oklch(65.44% 0.0977 46.39) 29.688% 31.250%, oklch(64.82% 0.0992 44.12) 31.250% 32.813%, oklch(64.17% 0.1006 41.46) 32.813% 34.375%, oklch(63.46% 0.1019 38.37) 34.375% 35.938%, oklch(62.63% 0.1031 34.85) 35.938% 37.500%, oklch(61.71% 0.1044 30.93) 37.500% 39.063%, oklch(60.70% 0.1057 26.65) 39.063% 40.625%, oklch(59.63% 0.1069 22.05) 40.625% 42.188%, oklch(58.51% 0.1081 17.15) 42.188% 43.750%, oklch(57.35% 0.1093 11.99) 43.750% 45.313%, oklch(56.17% 0.1103 6.61) 45.313% 46.875%, oklch(54.98% 0.1113 1.04) 46.875% 48.438%, oklch(53.80% 0.1122 355.30) 48.438% 50.000%, oklch(52.65% 0.1130 349.45) 50.000% 51.563%, oklch(51.53% 0.1137 343.51) 51.563% 53.125%, oklch(50.47% 0.1142 337.51) 53.125% 54.688%, oklch(49.48% 0.1146 331.48) 54.688% 56.250%, oklch(48.56% 0.1148 325.47) 56.250% 57.813%, oklch(47.75% 0.1148 319.51) 57.813% 59.375%, oklch(47.05% 0.1146 313.62) 59.375% 60.938%, oklch(46.47% 0.1142 307.85) 60.938% 62.500%, oklch(46.04% 0.1136 302.23) 62.500% 64.063%, oklch(45.77% 0.1127 296.79) 64.063% 65.625%, oklch(45.67% 0.1116 291.56) 65.625% 67.188%, oklch(45.76% 0.1101 286.35) 67.188% 68.750%, oklch(46.04% 0.1082 280.96) 68.750% 70.313%, oklch(46.49% 0.1059 275.42) 70.313% 71.875%, oklch(47.10% 0.1033 269.77) 71.875% 73.438%, oklch(47.84% 0.1003 264.03) 73.438% 75.000%, oklch(48.70% 0.0971 258.24) 75.000% 76.563%, oklch(49.66% 0.0936 252.42) 76.563% 78.125%, oklch(50.71% 0.0901 246.62) 78.125% 79.688%, oklch(51.82% 0.0863 240.87) 79.688% 81.250%, oklch(52.98% 0.0825 235.18) 81.250% 82.813%, oklch(54.16% 0.0787 229.61) 82.813% 84.375%, oklch(55.36% 0.0749 224.18) 84.375% 85.938%, oklch(56.56% 0.0711 218.92) 85.938% 87.500%, oklch(57.73% 0.0674 213.87) 87.500% 89.063%, oklch(58.86% 0.0639 209.05) 89.063% 90.625%, oklch(59.93% 0.0605 204.51) 90.625% 92.188%, oklch(60.92% 0.0574 200.26) 92.188% 93.750%, oklch(61.82% 0.0546 196.35) 93.750% 95.313%, oklch(62.61% 0.0521 192.81) 95.313% 96.875%, oklch(63.27% 0.0500 189.66) 96.875% 98.438%, oklch(63.78% 0.0482 186.94) 98.438% 100.000%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
