Preto, turquesa, azul e caramelo: amostras angulares
Preto, turquesa, azul e caramelo: paleta com 64 cores. #161f22, #1d6269, #265f83, #1a6e88, #d8b76a. Edite e exporte CSS, SVG, PNG ou um shader.
64 cores, 4 quadros-chave OKLCH editáveis.
- #161f22
- #172124
- #182427
- #19262b
- #1a2a2e
- #1b2e33
- #1b3237
- #1c363c
- #1d3b41
- #1e4046
- #1e454b
- #1e4a50
- #1f4f56
- #1f545b
- #1e5960
- #1e5d64
- #1d6269
- #1c666d
- #1b6a71
- #1a6d74
- #186f78
- #17717a
- #16727d
- #14737f
- #137280
- #137182
- #147083
- #166d84
- #196b85
- #1c6885
- #1f6584
- #236284
- #265f83
- #285c81
- #2b5980
- #2d567f
- #2e547e
- #30537d
- #30527c
- #31517c
- #31527c
- #30537d
- #2f557e
- #2d5880
- #2a5c83
- #256285
- #206887
- #1a6e88
- #157589
- #147d88
- #1a8486
- #268c84
- #369380
- #47997b
- #599f76
- #6ba471
- #7da86c
- #8eac68
- #9eaf66
- #adb164
- #bbb364
- #c6b566
- #d0b668
- #d8b76a
CSS
background: conic-gradient(from 225deg, oklch(23.23% 0.0138 220.08) 0.000% 1.563%, oklch(23.97% 0.0156 219.63) 1.563% 3.125%, oklch(24.89% 0.0178 218.99) 3.125% 4.688%, oklch(25.98% 0.0203 218.20) 4.688% 6.250%, oklch(27.20% 0.0232 217.28) 6.250% 7.813%, oklch(28.54% 0.0264 216.25) 7.813% 9.375%, oklch(29.99% 0.0297 215.14) 9.375% 10.938%, oklch(31.51% 0.0333 213.97) 10.938% 12.500%, oklch(33.10% 0.0371 212.77) 12.500% 14.063%, oklch(34.73% 0.0409 211.56) 14.063% 15.625%, oklch(36.38% 0.0448 210.36) 15.625% 17.188%, oklch(38.03% 0.0487 209.20) 17.188% 18.750%, oklch(39.67% 0.0526 208.11) 18.750% 20.313%, oklch(41.27% 0.0565 207.11) 20.313% 21.875%, oklch(42.81% 0.0602 206.22) 21.875% 23.438%, oklch(44.28% 0.0638 205.47) 23.438% 25.000%, oklch(45.65% 0.0672 204.89) 25.000% 26.563%, oklch(46.91% 0.0704 204.49) 26.563% 28.125%, oklch(48.03% 0.0733 204.31) 28.125% 29.688%, oklch(49.00% 0.0759 204.36) 29.688% 31.250%, oklch(49.79% 0.0781 204.68) 31.250% 32.813%, oklch(50.39% 0.0799 205.28) 32.813% 34.375%, oklch(50.77% 0.0814 206.40) 34.375% 35.938%, oklch(50.93% 0.0825 208.19) 35.938% 37.500%, oklch(50.89% 0.0833 210.56) 37.500% 39.063%, oklch(50.68% 0.0839 213.42) 39.063% 40.625%, oklch(50.31% 0.0843 216.68) 40.625% 42.188%, oklch(49.83% 0.0844 220.26) 42.188% 43.750%, oklch(49.24% 0.0844 224.07) 43.750% 45.313%, oklch(48.58% 0.0842 228.02) 45.313% 46.875%, oklch(47.87% 0.0840 232.01) 46.875% 48.438%, oklch(47.13% 0.0836 235.97) 48.438% 50.000%, oklch(46.38% 0.0831 239.81) 50.000% 51.563%, oklch(45.66% 0.0827 243.43) 51.563% 53.125%, oklch(44.98% 0.0822 246.74) 53.125% 54.688%, oklch(44.37% 0.0817 249.67) 54.688% 56.250%, oklch(43.86% 0.0813 252.11) 56.250% 57.813%, oklch(43.46% 0.0809 253.99) 57.813% 59.375%, oklch(43.21% 0.0807 255.21) 59.375% 60.938%, oklch(43.12% 0.0806 255.69) 60.938% 62.500%, oklch(43.22% 0.0806 255.34) 62.500% 64.063%, oklch(43.54% 0.0809 254.06) 64.063% 65.625%, oklch(44.09% 0.0813 251.78) 65.625% 67.188%, oklch(44.91% 0.0819 248.32) 67.188% 68.750%, oklch(45.96% 0.0827 243.64) 68.750% 70.313%, oklch(47.24% 0.0836 237.88) 70.313% 71.875%, oklch(48.70% 0.0845 231.15) 71.875% 73.438%, oklch(50.34% 0.0856 223.58) 73.438% 75.000%, oklch(52.11% 0.0867 215.28) 75.000% 76.563%, oklch(54.01% 0.0879 206.38) 76.563% 78.125%, oklch(56.00% 0.0892 197.00) 78.125% 79.688%, oklch(58.06% 0.0905 187.27) 79.688% 81.250%, oklch(60.16% 0.0918 177.30) 81.250% 82.813%, oklch(62.28% 0.0931 167.21) 82.813% 84.375%, oklch(64.40% 0.0944 157.14) 84.375% 85.938%, oklch(66.49% 0.0956 147.19) 85.938% 87.500%, oklch(68.52% 0.0969 137.49) 87.500% 89.063%, oklch(70.47% 0.0981 128.17) 89.063% 90.625%, oklch(72.32% 0.0992 119.35) 90.625% 92.188%, oklch(74.04% 0.1002 111.14) 92.188% 93.750%, oklch(75.61% 0.1012 103.68) 93.750% 95.313%, oklch(76.99% 0.1020 97.07) 95.313% 96.875%, oklch(78.18% 0.1028 91.45) 96.875% 98.438%, oklch(79.13% 0.1033 86.93) 98.438% 100.000%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
