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

พาเลตต์สีเทา น้ำตาลอ่อน และส้ม (สีข้างเคียง)

ไล่เฉดสีเชิงเส้น 32 สี มุม 45°: #526b52, #7b8e67, #bfb26c, #eac267, #f4a34a แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#526b52
#556e54
#597156
#5d7659
#637a5c
#687f5f
#6e8562
#758a65
#7b8e67
#829369
#8a986a
#939d6b
#9ca26b
#a5a76c
#afab6c
#b7af6c
#bfb26c
#c6b56c
#cdb96c
#d4bc6c
#dabf6c
#e0c16a
#e5c269
#eac267
#edc164
#f0bd60
#f2b95b
#f3b456
#f3af52
#f3aa4e
#f3a64c
#f4a34a

CSS

background: linear-gradient(45deg in oklch, oklch(50.00% 0.0496 144.84) 0.0%, oklch(50.93% 0.0504 143.77) 3.2%, oklch(52.17% 0.0512 142.44) 6.5%, oklch(53.64% 0.0522 140.87) 9.7%, oklch(55.28% 0.0535 139.06) 12.9%, oklch(57.02% 0.0549 136.99) 16.1%, oklch(58.80% 0.0567 134.68) 19.4%, oklch(60.56% 0.0588 132.13) 22.6%, oklch(62.22% 0.0613 129.31) 25.8%, oklch(63.94% 0.0643 125.95) 29.0%, oklch(65.75% 0.0677 122.10) 32.3%, oklch(67.59% 0.0714 117.93) 35.5%, oklch(69.44% 0.0754 113.65) 38.7%, oklch(71.23% 0.0795 109.43) 41.9%, oklch(72.93% 0.0836 105.48) 45.2%, oklch(74.49% 0.0876 101.98) 48.4%, oklch(75.89% 0.0915 99.10) 51.6%, oklch(77.26% 0.0955 96.75) 54.8%, oklch(78.60% 0.0996 94.78) 58.1%, oklch(79.85% 0.1037 93.07) 61.3%, oklch(80.97% 0.1078 91.49) 64.5%, oklch(81.90% 0.1117 89.90) 67.7%, oklch(82.60% 0.1155 88.19) 71.0%, oklch(83.02% 0.1190 86.22) 74.2%, oklch(83.07% 0.1224 83.85) 77.4%, oklch(82.69% 0.1256 81.09) 80.6%, oklch(82.01% 0.1288 78.12) 83.9%, oklch(81.12% 0.1318 75.08) 87.1%, oklch(80.16% 0.1345 72.14) 90.3%, oklch(79.23% 0.1369 69.47) 93.5%, oklch(78.46% 0.1390 67.23) 96.8%, oklch(77.95% 0.1406 65.59) 100.0%);

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

พาเลตต์สีแม่มด

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