ไล่เฉดสีเชิงเส้น ดำ เทา และเทาเข้ม

ไล่เฉดสีเชิงเส้น 32 สี มุม 120°: #222a30, #bfcad3, #b3bdc4, #a2aeb8, #2b3138 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

คีย์เฟรม OKLCH ที่แก้ไขได้ 6 อัน

#222a30
#353d43
#545c62
#7a8288
#a1a9af
#c3cbd0
#d6dee4
#d4dde4
#bfcad3
#a0adb8
#7f8e9a
#647482
#566675
#5a6a78
#6e7d8a
#8e9ba5
#b3bdc4
#d6dde2
#eff4f7
#f5f9fc
#ebf1f4
#d7dfe4
#bdc7cf
#a2aeb8
#8997a2
#768491
#667480
#57636e
#49535d
#3c454e
#323941
#2b3138

CSS

background: linear-gradient(120deg in oklch, oklch(27.95% 0.0152 241.87) 0.0%, oklch(35.57% 0.0146 241.29) 3.2%, oklch(47.02% 0.0137 240.38) 6.5%, oklch(60.23% 0.0128 239.34) 9.7%, oklch(73.12% 0.0120 238.38) 12.9%, oklch(83.62% 0.0117 237.73) 16.1%, oklch(89.67% 0.0122 237.59) 19.4%, oklch(89.35% 0.0140 238.26) 22.6%, oklch(83.34% 0.0174 239.74) 25.8%, oklch(74.04% 0.0215 241.67) 29.0%, oklch(63.83% 0.0255 243.63) 32.3%, oklch(55.12% 0.0288 245.23) 35.5%, oklch(50.30% 0.0303 246.07) 38.7%, oklch(51.52% 0.0294 245.75) 41.9%, oklch(58.21% 0.0259 244.26) 45.2%, oklch(68.21% 0.0207 242.04) 48.4%, oklch(79.34% 0.0150 239.59) 51.6%, oklch(89.44% 0.0098 237.38) 54.8%, oklch(96.34% 0.0064 235.89) 58.1%, oklch(98.06% 0.0056 235.55) 61.3%, oklch(95.45% 0.0075 236.20) 64.5%, oklch(89.88% 0.0111 237.52) 67.7%, oklch(82.51% 0.0156 239.25) 71.0%, oklch(74.44% 0.0200 241.12) 74.2%, oklch(66.83% 0.0234 242.86) 77.4%, oklch(60.72% 0.0249 244.23) 80.6%, oklch(55.06% 0.0246 245.44) 83.9%, oklch(49.26% 0.0231 246.65) 87.1%, oklch(43.65% 0.0210 247.80) 90.3%, oklch(38.54% 0.0186 248.83) 93.5%, oklch(34.25% 0.0165 249.69) 96.8%, oklch(31.10% 0.0152 250.33) 100.0%);

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

ไล่เฉดสีเมทัลลิก

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