콘텐츠로 건너뛰기

Grabient 팔레트

모노크롬 네이비-파랑 선형 그라데이션

모노크롬 네이비-파랑 색상 팔레트

선형 그라데이션, 색상 32개, 각도 135°: #0f172a, #152147, #1a2e83, #2555c3, #60a5fa. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.

편집할 수 있는 OKLCH 키프레임 4개.

  • #0f172a
  • #0f182c
  • #10192f
  • #101a32
  • #111b35
  • #121c39
  • #131e3d
  • #141f42
  • #152147
  • #16234c
  • #172452
  • #182658
  • #182860
  • #192968
  • #192b71
  • #192c7a
  • #1a2e83
  • #1a308d
  • #1b3397
  • #1c37a0
  • #1d3ca9
  • #1f42b2
  • #214bba
  • #2555c3
  • #2b60cc
  • #326cd4
  • #3a78dc
  • #4383e4
  • #4b8eeb
  • #5497f1
  • #5b9ff6
  • #60a5fa

CSS

background: linear-gradient(135deg in oklch, oklch(20.77% 0.0398 265.75) 0.0%, oklch(21.17% 0.0424 265.90) 3.2%, oklch(21.64% 0.0454 266.11) 6.5%, oklch(22.19% 0.0488 266.36) 9.7%, oklch(22.80% 0.0527 266.65) 12.9%, oklch(23.49% 0.0570 266.94) 16.1%, oklch(24.24% 0.0618 267.23) 19.4%, oklch(25.06% 0.0670 267.49) 22.6%, oklch(25.94% 0.0727 267.70) 25.8%, oklch(26.88% 0.0787 267.86) 29.0%, oklch(27.88% 0.0852 267.93) 32.3%, oklch(28.92% 0.0924 267.93) 35.5%, oklch(29.97% 0.1013 267.91) 38.7%, oklch(31.05% 0.1115 267.88) 41.9%, oklch(32.17% 0.1225 267.80) 45.2%, oklch(33.37% 0.1338 267.69) 48.4%, oklch(34.65% 0.1450 267.52) 51.6%, oklch(36.04% 0.1555 267.28) 54.8%, oklch(37.56% 0.1649 266.96) 58.1%, oklch(39.24% 0.1727 266.55) 61.3%, oklch(41.10% 0.1784 266.04) 64.5%, oklch(43.17% 0.1816 265.41) 67.7%, oklch(45.67% 0.1822 264.56) 71.0%, oklch(48.55% 0.1805 263.52) 74.2%, oklch(51.71% 0.1771 262.34) 77.4%, oklch(55.01% 0.1725 261.07) 80.6%, oklch(58.35% 0.1670 259.77) 83.9%, oklch(61.60% 0.1612 258.49) 87.1%, oklch(64.65% 0.1554 257.28) 90.3%, oklch(67.37% 0.1503 256.19) 93.5%, oklch(69.65% 0.1461 255.29) 96.8%, oklch(71.37% 0.1434 254.62) 100.0%);

이 팔레트가 담긴 컬렉션

Dark blue gradients

비슷한 팔레트컬렉션PNG 다운로드팔레트 JSONMarkdown작동 방식