콘텐츠로 건너뛰기

Grabient 팔레트

흰색·진회색·회색 원뿔형 스와치

색상 80개로 된 흰색·진회색·회색 팔레트예요. #f1eee4, #e1e9e3, #bfccce, #81969c, #54646e, #393f47, #576f71, #a9b89b. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.

색상 80개, 편집할 수 있는 OKLCH 키프레임 5개.

  • #f1eee4
  • #f0eee3
  • #efede3
  • #eeede3
  • #ecede3
  • #ebece3
  • #eaece3
  • #e8ece3
  • #e6ebe3
  • #e5ebe3
  • #e3eae3
  • #e1e9e3
  • #e0e8e2
  • #dee7e2
  • #dce5e1
  • #dae4e0
  • #d7e2df
  • #d5e0de
  • #d2dddc
  • #cfdada
  • #ccd7d7
  • #c8d4d5
  • #c4d0d1
  • #bfccce
  • #bac8ca
  • #b5c3c6
  • #b0bfc2
  • #aababd
  • #a4b5b8
  • #9eafb4
  • #99aaaf
  • #93a5aa
  • #8da0a5
  • #879ba1
  • #81969c
  • #7c9197
  • #778c93
  • #72878f
  • #6e838b
  • #6a7f87
  • #667b83
  • #637680
  • #5f727c
  • #5b6d77
  • #586973
  • #54646e
  • #515f6a
  • #4e5a65
  • #4a5660
  • #47525c
  • #444e58
  • #424a54
  • #3f4750
  • #3d444d
  • #3c424b
  • #3a4049
  • #393f47
  • #383e46
  • #383e46
  • #393f47
  • #3a4149
  • #3b434c
  • #3e474f
  • #414c54
  • #445259
  • #48585f
  • #4d5f65
  • #52676b
  • #576f71
  • #5e7776
  • #647f7c
  • #6c8881
  • #749086
  • #7c978a
  • #859f8e
  • #8da591
  • #96ab94
  • #9db197
  • #a4b599
  • #a9b89b

CSS

background: conic-gradient(from 225deg, oklch(94.88% 0.0138 92.81) 0.000% 1.250%, oklch(94.70% 0.0137 95.78) 1.250% 2.500%, oklch(94.53% 0.0136 99.41) 2.500% 3.750%, oklch(94.37% 0.0135 103.62) 3.750% 5.000%, oklch(94.22% 0.0133 108.34) 5.000% 6.250%, oklch(94.05% 0.0131 113.51) 6.250% 7.500%, oklch(93.88% 0.0129 119.06) 7.500% 8.750%, oklch(93.69% 0.0127 124.91) 8.750% 10.000%, oklch(93.48% 0.0125 131.00) 10.000% 11.250%, oklch(93.25% 0.0123 137.25) 11.250% 12.500%, oklch(92.98% 0.0121 143.61) 12.500% 13.750%, oklch(92.67% 0.0120 149.99) 13.750% 15.000%, oklch(92.31% 0.0118 156.33) 15.000% 16.250%, oklch(91.91% 0.0117 162.55) 16.250% 17.500%, oklch(91.45% 0.0116 168.60) 17.500% 18.750%, oklch(90.92% 0.0116 174.40) 18.750% 20.000%, oklch(90.33% 0.0117 179.87) 20.000% 21.250%, oklch(89.66% 0.0118 184.96) 21.250% 22.500%, oklch(88.92% 0.0119 189.59) 22.500% 23.750%, oklch(88.09% 0.0122 193.69) 23.750% 25.000%, oklch(87.16% 0.0125 197.20) 25.000% 26.250%, oklch(86.11% 0.0130 200.26) 26.250% 27.500%, oklch(84.94% 0.0135 202.97) 27.500% 28.750%, oklch(83.66% 0.0142 205.37) 28.750% 30.000%, oklch(82.29% 0.0150 207.47) 30.000% 31.250%, oklch(80.82% 0.0159 209.31) 31.250% 32.500%, oklch(79.28% 0.0169 210.91) 32.500% 33.750%, oklch(77.68% 0.0179 212.32) 33.750% 35.000%, oklch(76.03% 0.0189 213.55) 35.000% 36.250%, oklch(74.35% 0.0199 214.64) 36.250% 37.500%, oklch(72.63% 0.0210 215.62) 37.500% 38.750%, oklch(70.91% 0.0220 216.51) 38.750% 40.000%, oklch(69.18% 0.0230 217.35) 40.000% 41.250%, oklch(67.47% 0.0239 218.16) 41.250% 42.500%, oklch(65.78% 0.0248 218.98) 42.500% 43.750%, oklch(64.13% 0.0256 219.84) 43.750% 45.000%, oklch(62.53% 0.0262 220.76) 45.000% 46.250%, oklch(60.99% 0.0268 221.77) 46.250% 47.500%, oklch(59.52% 0.0272 222.91) 47.500% 48.750%, oklch(58.14% 0.0275 224.19) 48.750% 50.000%, oklch(56.82% 0.0276 225.69) 50.000% 51.250%, oklch(55.44% 0.0275 227.53) 51.250% 52.500%, oklch(53.98% 0.0272 229.68) 52.500% 53.750%, oklch(52.46% 0.0267 232.08) 53.750% 55.000%, oklch(50.90% 0.0261 234.67) 55.000% 56.250%, oklch(49.32% 0.0253 237.39) 56.250% 57.500%, oklch(47.74% 0.0245 240.17) 57.500% 58.750%, oklch(46.18% 0.0236 242.97) 58.750% 60.000%, oklch(44.67% 0.0226 245.71) 60.000% 61.250%, oklch(43.22% 0.0216 248.33) 61.250% 62.500%, oklch(41.85% 0.0207 250.79) 62.500% 63.750%, oklch(40.58% 0.0197 253.01) 63.750% 65.000%, oklch(39.43% 0.0189 254.93) 65.000% 66.250%, oklch(38.43% 0.0181 256.50) 66.250% 67.500%, oklch(37.58% 0.0174 257.66) 67.500% 68.750%, oklch(36.92% 0.0168 258.33) 68.750% 70.000%, oklch(36.46% 0.0164 258.47) 70.000% 71.250%, oklch(36.23% 0.0162 258.02) 71.250% 72.500%, oklch(36.23% 0.0162 256.90) 72.500% 73.750%, oklch(36.50% 0.0164 255.07) 73.750% 75.000%, oklch(37.09% 0.0169 252.38) 75.000% 76.250%, oklch(38.05% 0.0177 248.68) 76.250% 77.500%, oklch(39.36% 0.0186 244.05) 77.500% 78.750%, oklch(40.97% 0.0198 238.61) 78.750% 80.000%, oklch(42.85% 0.0211 232.47) 80.000% 81.250%, oklch(44.95% 0.0226 225.73) 81.250% 82.500%, oklch(47.24% 0.0242 218.51) 82.500% 83.750%, oklch(49.69% 0.0258 210.91) 83.750% 85.000%, oklch(52.24% 0.0276 203.04) 85.000% 86.250%, oklch(54.86% 0.0294 195.01) 86.250% 87.500%, oklch(57.52% 0.0312 186.92) 87.500% 88.750%, oklch(60.16% 0.0330 178.90) 88.750% 90.000%, oklch(62.76% 0.0348 171.04) 90.000% 91.250%, oklch(65.28% 0.0365 163.46) 91.250% 92.500%, oklch(67.67% 0.0381 156.26) 92.500% 93.750%, oklch(69.89% 0.0397 149.55) 93.750% 95.000%, oklch(71.92% 0.0410 143.44) 95.000% 96.250%, oklch(73.70% 0.0423 138.04) 96.250% 97.500%, oklch(75.20% 0.0433 133.46) 97.500% 98.750%, oklch(76.38% 0.0441 129.80) 98.750% 100.000%);

이 팔레트가 담긴 컬렉션

와일더카인드

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