ไล่เฉดสีเชิงเส้น น้ำเงิน เทา และน้ำตาลอ่อน (สีคู่ตรงข้าม)

ไล่เฉดสีเชิงเส้น 32 สี มุม 90°: #3a506c, #4f7da9, #9ebed3, #d1dccc, #d7c899 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#3a506c
#3b5371
#3c5777
#3d5c80
#3f6188
#416891
#446e9a
#4975a1
#4f7da9
#5886b1
#608eb9
#6a97c0
#72a0c6
#7ba8ca
#87afce
#93b7d1
#9ebed3
#a9c4d4
#b2cad5
#b8cfd6
#bed4d5
#c3d8d3
#cadbd0
#d1dccc
#d7dcc8
#dbdbc5
#ddd9bf
#ddd6b8
#dcd2af
#dacea6
#d8cb9e
#d7c899

CSS

background: linear-gradient(90deg in oklch, oklch(42.52% 0.0537 255.23) 0.0%, oklch(43.57% 0.0574 254.69) 3.2%, oklch(44.95% 0.0627 253.96) 6.5%, oklch(46.62% 0.0690 253.08) 9.7%, oklch(48.51% 0.0751 252.12) 12.9%, oklch(50.56% 0.0803 251.12) 16.1%, oklch(52.71% 0.0837 250.14) 19.4%, oklch(55.01% 0.0849 249.31) 22.6%, oklch(57.60% 0.0849 248.69) 25.8%, oklch(60.37% 0.0838 248.10) 29.0%, oklch(63.21% 0.0817 247.34) 32.3%, oklch(66.02% 0.0787 246.21) 35.5%, oklch(68.68% 0.0748 244.50) 38.7%, oklch(71.16% 0.0698 242.40) 41.9%, oklch(73.65% 0.0626 241.00) 45.2%, oklch(76.10% 0.0540 239.59) 48.4%, oklch(78.44% 0.0451 237.25) 51.6%, oklch(80.59% 0.0368 233.08) 54.8%, oklch(82.48% 0.0303 226.19) 58.1%, oklch(84.06% 0.0263 215.45) 61.3%, oklch(85.41% 0.0240 199.18) 64.5%, oklch(86.55% 0.0231 179.04) 67.7%, oklch(87.45% 0.0234 157.37) 71.0%, oklch(88.10% 0.0246 136.49) 74.2%, oklch(88.49% 0.0267 118.74) 77.4%, oklch(88.57% 0.0296 106.37) 80.6%, oklch(88.16% 0.0342 98.99) 83.9%, oklch(87.31% 0.0406 94.98) 87.1%, oklch(86.23% 0.0477 93.33) 90.3%, oklch(85.10% 0.0546 93.05) 93.5%, oklch(84.11% 0.0606 93.10) 96.8%, oklch(83.46% 0.0648 92.49) 100.0%);

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

ไล่เฉดสี UI โทนอ่อน ระเบียงดอกมะนาว

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