İçeriğe geç

Grabient paletleri

Lacivert, gri, turuncu ve taba doğrusal gradyan

Lacivert, gri, turuncu ve taba paleti, 80 renk. #1e2d36, #57765f, #a7742a, #d06a39, #e2b860. Düzenleyin ve CSS, SVG, PNG ya da shader olarak dışa aktarın.

80 renk, OKLCH uzayında düzenlenebilir 4 anahtar kare.

  • #1e2d36
  • #1f2f38
  • #20313a
  • #21333c
  • #22363e
  • #243941
  • #253d43
  • #274046
  • #2a4449
  • #2c484c
  • #2f4c4e
  • #315151
  • #355553
  • #385956
  • #3c5e58
  • #40625a
  • #44665b
  • #486b5d
  • #4d6f5e
  • #52735f
  • #57765f
  • #5c7960
  • #617d60
  • #667f5f
  • #6b825f
  • #70845e
  • #74855c
  • #78865b
  • #7c8759
  • #808756
  • #848753
  • #88874f
  • #8c864b
  • #8f8547
  • #938343
  • #97813e
  • #9a7f3a
  • #9e7d36
  • #a17a31
  • #a4772e
  • #a7742a
  • #aa7127
  • #ad6f25
  • #b06c24
  • #b26923
  • #b46623
  • #b66424
  • #b86225
  • #ba6027
  • #bc5e29
  • #be5d2b
  • #c05c2d
  • #c25c2f
  • #c45d32
  • #c65e33
  • #c85f35
  • #ca6136
  • #cc6437
  • #ce6638
  • #d06a39
  • #d26d39
  • #d4713a
  • #d6753a
  • #d77a3b
  • #d97e3c
  • #da833d
  • #dc873e
  • #dd8c40
  • #de9142
  • #df9645
  • #df9a47
  • #e09f4a
  • #e0a34d
  • #e0a750
  • #e1ab53
  • #e1ae56
  • #e1b159
  • #e1b45c
  • #e2b65e
  • #e2b860

CSS

background: linear-gradient(30deg in oklch, oklch(28.74% 0.0262 235.55) 0.0%, oklch(29.39% 0.0269 233.29) 1.3%, oklch(30.16% 0.0277 230.69) 2.5%, oklch(31.04% 0.0285 227.79) 3.8%, oklch(32.03% 0.0294 224.60) 5.1%, oklch(33.11% 0.0303 221.14) 6.3%, oklch(34.27% 0.0313 217.44) 7.6%, oklch(35.50% 0.0323 213.52) 8.9%, oklch(36.80% 0.0334 209.40) 10.1%, oklch(38.14% 0.0345 205.11) 11.4%, oklch(39.53% 0.0357 200.66) 12.7%, oklch(40.95% 0.0369 196.08) 13.9%, oklch(42.40% 0.0382 191.39) 15.2%, oklch(43.85% 0.0396 186.62) 16.5%, oklch(45.31% 0.0410 181.78) 17.7%, oklch(46.76% 0.0424 176.90) 19.0%, oklch(48.19% 0.0440 172.00) 20.3%, oklch(49.59% 0.0455 167.10) 21.5%, oklch(50.95% 0.0472 162.23) 22.8%, oklch(52.26% 0.0489 157.41) 24.1%, oklch(53.52% 0.0507 152.66) 25.3%, oklch(54.70% 0.0525 148.00) 26.6%, oklch(55.81% 0.0544 143.46) 27.8%, oklch(56.83% 0.0564 139.05) 29.1%, oklch(57.75% 0.0584 134.80) 30.4%, oklch(58.56% 0.0605 130.74) 31.6%, oklch(59.25% 0.0626 126.88) 32.9%, oklch(59.81% 0.0649 123.17) 34.2%, oklch(60.26% 0.0675 119.39) 35.4%, oklch(60.61% 0.0702 115.53) 36.7%, oklch(60.86% 0.0732 111.61) 38.0%, oklch(61.02% 0.0764 107.64) 39.2%, oklch(61.10% 0.0797 103.64) 40.5%, oklch(61.12% 0.0831 99.63) 41.8%, oklch(61.07% 0.0867 95.63) 43.0%, oklch(60.97% 0.0904 91.64) 44.3%, oklch(60.82% 0.0941 87.69) 45.6%, oklch(60.63% 0.0979 83.80) 46.8%, oklch(60.42% 0.1017 79.97) 48.1%, oklch(60.19% 0.1054 76.23) 49.4%, oklch(59.94% 0.1092 72.59) 50.6%, oklch(59.69% 0.1129 69.06) 51.9%, oklch(59.45% 0.1165 65.67) 53.2%, oklch(59.22% 0.1199 62.43) 54.4%, oklch(59.02% 0.1233 59.36) 55.7%, oklch(58.85% 0.1265 56.47) 57.0%, oklch(58.71% 0.1295 53.79) 58.2%, oklch(58.62% 0.1324 51.31) 59.5%, oklch(58.59% 0.1350 49.07) 60.8%, oklch(58.63% 0.1373 47.08) 62.0%, oklch(58.74% 0.1394 45.35) 63.3%, oklch(58.93% 0.1411 43.90) 64.6%, oklch(59.21% 0.1425 42.75) 65.8%, oklch(59.59% 0.1436 41.92) 67.1%, oklch(60.05% 0.1444 41.48) 68.4%, oklch(60.60% 0.1448 41.43) 69.6%, oklch(61.23% 0.1449 41.74) 70.9%, oklch(61.92% 0.1448 42.37) 72.2%, oklch(62.67% 0.1444 43.32) 73.4%, oklch(63.48% 0.1438 44.53) 74.7%, oklch(64.33% 0.1430 46.00) 75.9%, oklch(65.22% 0.1420 47.69) 77.2%, oklch(66.15% 0.1408 49.57) 78.5%, oklch(67.10% 0.1395 51.62) 79.7%, oklch(68.07% 0.1381 53.80) 81.0%, oklch(69.06% 0.1365 56.10) 82.3%, oklch(70.05% 0.1349 58.48) 83.5%, oklch(71.04% 0.1333 60.92) 84.8%, oklch(72.02% 0.1316 63.38) 86.1%, oklch(72.98% 0.1299 65.84) 87.3%, oklch(73.93% 0.1282 68.28) 88.6%, oklch(74.84% 0.1266 70.66) 89.9%, oklch(75.72% 0.1250 72.96) 91.1%, oklch(76.56% 0.1234 75.15) 92.4%, oklch(77.35% 0.1220 77.20) 93.7%, oklch(78.08% 0.1207 79.09) 94.9%, oklch(78.75% 0.1195 80.78) 96.2%, oklch(79.35% 0.1185 82.26) 97.5%, oklch(79.87% 0.1177 83.48) 98.7%, oklch(80.31% 0.1171 84.43) 100.0%);

Bu koleksiyonlarda

Sonbahar verandası renkleri

Benzer paletlerKoleksiyonlarPNG indirPalet JSONMarkdownNasıl çalışır