Cinza para preto: gradiente linear
Cinza para preto: paleta com 64 cores. #dfe3e5, #b4bcbf, #79868b, #47555c, #2c3840, #21262d, #1b1c20, #161617. Edite e exporte CSS, SVG, PNG ou um shader.
64 cores, 3 quadros-chave OKLCH editáveis.
- #dfe3e5
- #dbe0e2
- #d8dddf
- #d4d9db
- #cfd5d7
- #cad0d3
- #c5ccce
- #bfc7c9
- #bac1c4
- #b4bcbf
- #adb6ba
- #a7b0b4
- #a1aaae
- #9aa4a8
- #949ea3
- #8d989d
- #869297
- #808c91
- #79868b
- #738085
- #6d7a80
- #66747a
- #616e75
- #5b696f
- #55646a
- #505f65
- #4b5a61
- #47555c
- #435158
- #3f4d54
- #3b4951
- #38464d
- #35434a
- #334047
- #303d45
- #2e3a42
- #2c3840
- #2a353d
- #29333b
- #273139
- #262f37
- #252d35
- #242b33
- #232931
- #22282f
- #21262d
- #20252b
- #20242a
- #1f2228
- #1e2127
- #1e2025
- #1d1f24
- #1c1e22
- #1c1d21
- #1b1c20
- #1b1b1f
- #1a1b1d
- #1a1a1c
- #19191b
- #18191a
- #181819
- #171718
- #171718
- #161617
CSS
background: linear-gradient(225deg in oklch, oklch(91.34% 0.0055 223.59) 0.0%, oklch(90.42% 0.0058 223.73) 1.6%, oklch(89.36% 0.0062 223.85) 3.2%, oklch(88.18% 0.0066 223.95) 4.8%, oklch(86.88% 0.0071 224.04) 6.3%, oklch(85.47% 0.0076 224.11) 7.9%, oklch(83.96% 0.0082 224.18) 9.5%, oklch(82.35% 0.0088 224.24) 11.1%, oklch(80.66% 0.0094 224.29) 12.7%, oklch(78.90% 0.0101 224.35) 14.3%, oklch(77.07% 0.0108 224.42) 15.9%, oklch(75.18% 0.0115 224.49) 17.5%, oklch(73.24% 0.0123 224.58) 19.0%, oklch(71.26% 0.0130 224.67) 20.6%, oklch(69.25% 0.0138 224.79) 22.2%, oklch(67.21% 0.0145 224.93) 23.8%, oklch(65.16% 0.0153 225.09) 25.4%, oklch(63.10% 0.0160 225.28) 27.0%, oklch(61.05% 0.0167 225.50) 28.6%, oklch(59.00% 0.0174 225.75) 30.2%, oklch(56.97% 0.0180 226.04) 31.7%, oklch(54.97% 0.0187 226.37) 33.3%, oklch(53.01% 0.0193 226.75) 34.9%, oklch(51.09% 0.0198 227.17) 36.5%, oklch(49.22% 0.0203 227.64) 38.1%, oklch(47.42% 0.0208 228.17) 39.7%, oklch(45.69% 0.0212 228.75) 41.3%, oklch(44.03% 0.0215 229.39) 42.9%, oklch(42.47% 0.0218 230.09) 44.4%, oklch(41.00% 0.0219 230.86) 46.0%, oklch(39.63% 0.0220 231.71) 47.6%, oklch(38.38% 0.0221 232.62) 49.2%, oklch(37.24% 0.0220 233.62) 50.8%, oklch(36.16% 0.0218 234.74) 52.4%, oklch(35.13% 0.0216 235.99) 54.0%, oklch(34.16% 0.0213 237.36) 55.6%, oklch(33.23% 0.0209 238.84) 57.1%, oklch(32.35% 0.0204 240.42) 58.7%, oklch(31.51% 0.0199 242.08) 60.3%, oklch(30.72% 0.0193 243.83) 61.9%, oklch(29.97% 0.0186 245.65) 63.5%, oklch(29.25% 0.0179 247.53) 65.1%, oklch(28.58% 0.0171 249.46) 66.7%, oklch(27.94% 0.0164 251.44) 68.3%, oklch(27.34% 0.0155 253.45) 69.8%, oklch(26.77% 0.0147 255.49) 71.4%, oklch(26.23% 0.0138 257.54) 73.0%, oklch(25.71% 0.0130 259.60) 74.6%, oklch(25.23% 0.0121 261.66) 76.2%, oklch(24.77% 0.0112 263.71) 77.8%, oklch(24.34% 0.0103 265.73) 79.4%, oklch(23.93% 0.0094 267.72) 81.0%, oklch(23.53% 0.0085 269.68) 82.5%, oklch(23.16% 0.0077 271.59) 84.1%, oklch(22.80% 0.0069 273.43) 85.7%, oklch(22.46% 0.0061 275.21) 87.3%, oklch(22.14% 0.0053 276.92) 88.9%, oklch(21.82% 0.0046 278.54) 90.5%, oklch(21.52% 0.0039 280.06) 92.1%, oklch(21.22% 0.0033 281.48) 93.7%, oklch(20.93% 0.0027 282.79) 95.2%, oklch(20.64% 0.0022 283.98) 96.8%, oklch(20.36% 0.0017 285.03) 98.4%, oklch(20.08% 0.0014 285.94) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
