ข้ามไปยังเนื้อหา

พาเลตต์ของ Grabient

ไล่เฉดสีแบบรัศมี ดำ ม่วง และเขียวหัวเป็ด

พาเลตต์สีดำ ม่วง และเขียวหัวเป็ด มี 100 สี #0e0d13, #1b111f, #321629, #521a2b, #552e56, #304e5f, #2d5f63, #126d70 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

100 สี และคีย์เฟรม OKLCH ที่แก้ไขได้ 5 อัน

  • #0e0d13
  • #0e0d13
  • #0f0d14
  • #0f0d15
  • #100e15
  • #110e16
  • #110e17
  • #120f18
  • #130f19
  • #140f1a
  • #16101b
  • #17101c
  • #18101d
  • #19111e
  • #1b111f
  • #1c1120
  • #1e1220
  • #1f1221
  • #211222
  • #231323
  • #241324
  • #261424
  • #281425
  • #291426
  • #2b1527
  • #2d1527
  • #2e1528
  • #301628
  • #321629
  • #341629
  • #37162a
  • #39172a
  • #3b172a
  • #3e172a
  • #40172a
  • #42182b
  • #45182a
  • #47182a
  • #4a182a
  • #4c192a
  • #4e192b
  • #50192b
  • #521a2b
  • #541a2c
  • #561b2d
  • #581c2e
  • #591c2f
  • #5a1d31
  • #5b1e33
  • #5c1f36
  • #5d2039
  • #5d223c
  • #5d2440
  • #5c2545
  • #5b2749
  • #592a4e
  • #572c52
  • #552e56
  • #52315a
  • #4f345d
  • #4b3660
  • #483962
  • #443c64
  • #413e65
  • #3d4165
  • #3a4365
  • #374565
  • #354764
  • #334963
  • #324b62
  • #314d60
  • #304e5f
  • #304f5e
  • #31505e
  • #31525d
  • #31535d
  • #31545d
  • #31555d
  • #31565d
  • #31575e
  • #31595f
  • #305a5f
  • #305b60
  • #2f5c61
  • #2e5e62
  • #2d5f63
  • #2b6064
  • #2a6165
  • #286366
  • #276467
  • #256569
  • #23666a
  • #20676b
  • #1e686c
  • #1c696d
  • #1a6a6e
  • #176b6f
  • #156c6f
  • #136d70
  • #126d70

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.14% 0.0124 292.50) 0.0%, oklch(16.30% 0.0132 293.46) 1.0%, oklch(16.48% 0.0140 294.58) 2.0%, oklch(16.68% 0.0150 295.85) 3.0%, oklch(16.89% 0.0161 297.26) 4.0%, oklch(17.12% 0.0172 298.79) 5.1%, oklch(17.36% 0.0184 300.44) 6.1%, oklch(17.62% 0.0197 302.18) 7.1%, oklch(17.89% 0.0210 304.01) 8.1%, oklch(18.18% 0.0224 305.91) 9.1%, oklch(18.47% 0.0239 307.87) 10.1%, oklch(18.78% 0.0254 309.89) 11.1%, oklch(19.10% 0.0270 311.94) 12.1%, oklch(19.42% 0.0286 314.01) 13.1%, oklch(19.76% 0.0302 316.09) 14.1%, oklch(20.10% 0.0318 318.17) 15.2%, oklch(20.44% 0.0335 320.24) 16.2%, oklch(20.80% 0.0352 322.28) 17.2%, oklch(21.15% 0.0369 324.29) 18.2%, oklch(21.51% 0.0386 326.24) 19.2%, oklch(21.88% 0.0403 328.12) 20.2%, oklch(22.24% 0.0420 329.94) 21.2%, oklch(22.61% 0.0437 331.66) 22.2%, oklch(22.98% 0.0454 333.28) 23.2%, oklch(23.35% 0.0470 334.78) 24.2%, oklch(23.71% 0.0486 336.17) 25.3%, oklch(24.09% 0.0504 337.65) 26.3%, oklch(24.48% 0.0523 339.30) 27.3%, oklch(24.89% 0.0543 341.08) 28.3%, oklch(25.30% 0.0565 342.96) 29.3%, oklch(25.73% 0.0587 344.93) 30.3%, oklch(26.16% 0.0610 346.94) 31.3%, oklch(26.60% 0.0634 348.98) 32.3%, oklch(27.05% 0.0658 351.01) 33.3%, oklch(27.50% 0.0682 353.01) 34.3%, oklch(27.96% 0.0706 354.95) 35.4%, oklch(28.42% 0.0730 356.80) 36.4%, oklch(28.88% 0.0753 358.54) 37.4%, oklch(29.34% 0.0776 0.13) 38.4%, oklch(29.80% 0.0798 1.55) 39.4%, oklch(30.26% 0.0818 2.77) 40.4%, oklch(30.71% 0.0838 3.76) 41.4%, oklch(31.16% 0.0856 4.50) 42.4%, oklch(31.61% 0.0872 4.95) 43.4%, oklch(32.04% 0.0887 5.09) 44.4%, oklch(32.47% 0.0899 4.90) 45.5%, oklch(32.89% 0.0909 4.33) 46.5%, oklch(33.29% 0.0917 3.38) 47.5%, oklch(33.69% 0.0921 2.00) 48.5%, oklch(34.07% 0.0923 0.17) 49.5%, oklch(34.43% 0.0922 357.83) 50.5%, oklch(34.79% 0.0917 354.85) 51.5%, oklch(35.14% 0.0907 351.23) 52.5%, oklch(35.48% 0.0895 347.04) 53.5%, oklch(35.81% 0.0879 342.33) 54.5%, oklch(36.13% 0.0860 337.15) 55.6%, oklch(36.45% 0.0838 331.56) 56.6%, oklch(36.76% 0.0815 325.62) 57.6%, oklch(37.07% 0.0789 319.37) 58.6%, oklch(37.37% 0.0762 312.87) 59.6%, oklch(37.67% 0.0734 306.18) 60.6%, oklch(37.96% 0.0706 299.34) 61.6%, oklch(38.25% 0.0677 292.43) 62.6%, oklch(38.54% 0.0648 285.48) 63.6%, oklch(38.82% 0.0619 278.55) 64.6%, oklch(39.10% 0.0591 271.70) 65.7%, oklch(39.38% 0.0564 264.99) 66.7%, oklch(39.67% 0.0538 258.46) 67.7%, oklch(39.95% 0.0514 252.17) 68.7%, oklch(40.23% 0.0493 246.17) 69.7%, oklch(40.51% 0.0473 240.53) 70.7%, oklch(40.79% 0.0457 235.29) 71.7%, oklch(41.08% 0.0444 230.50) 72.7%, oklch(41.37% 0.0434 226.23) 73.7%, oklch(41.66% 0.0428 222.53) 74.7%, oklch(41.96% 0.0426 219.36) 75.8%, oklch(42.26% 0.0427 216.52) 76.8%, oklch(42.58% 0.0431 213.98) 77.8%, oklch(42.90% 0.0438 211.72) 78.8%, oklch(43.22% 0.0448 209.74) 79.8%, oklch(43.55% 0.0459 208.00) 80.8%, oklch(43.89% 0.0473 206.50) 81.8%, oklch(44.22% 0.0488 205.20) 82.8%, oklch(44.55% 0.0505 204.11) 83.8%, oklch(44.89% 0.0523 203.19) 84.8%, oklch(45.22% 0.0543 202.43) 85.9%, oklch(45.54% 0.0563 201.81) 86.9%, oklch(45.86% 0.0583 201.31) 87.9%, oklch(46.18% 0.0604 200.93) 88.9%, oklch(46.48% 0.0625 200.62) 89.9%, oklch(46.78% 0.0646 200.39) 90.9%, oklch(47.07% 0.0666 200.21) 91.9%, oklch(47.34% 0.0686 200.06) 92.9%, oklch(47.60% 0.0704 199.93) 93.9%, oklch(47.85% 0.0722 199.79) 94.9%, oklch(48.08% 0.0739 199.64) 96.0%, oklch(48.29% 0.0753 199.44) 97.0%, oklch(48.49% 0.0766 199.19) 98.0%, oklch(48.66% 0.0777 198.87) 99.0%, oklch(48.82% 0.0785 198.45) 100.0%);

อยู่ในคอลเลกชันเหล่านี้

สีคราบน้ำมัน

พาเลตต์ที่คล้ายกันคอลเลกชันดาวน์โหลด PNGJSON ของพาเลตต์Markdownวิธีการทำงาน