ไล่เฉดสีเชิงเส้น สีรุ้งโทนพาสเทล

พาเลตต์สีสีรุ้งโทนพาสเทล มี 32 สี #f1b3c2, #fac794, #b6d972, #7fe194, #00c0db, #868aeb, #de9bda, #f4c3d4 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#f1b3c2
#f6b4b9
#fbb8ad
#fdbfa0
#fac794
#f2cd8b
#e8d283
#dad57a
#c9d774
#b6d972
#a1db77
#8fdd81
#85df8b
#7fe194
#77e29f
#66e1ab
#45ddbb
#00d1cd
#00c0db
#16aee9
#4f9bed
#6e8fec
#868aeb
#9c89ea
#b08be9
#c28fe6
#d193e1
#de9bda
#e8a5d5
#efb1d3
#f3bcd2
#f4c3d4

CSS

background: linear-gradient(90deg in oklch, oklch(82.68% 0.0744 2.81) 0.0%, oklch(83.31% 0.0767 13.89) 3.2%, oklch(84.28% 0.0796 29.75) 6.5%, oklch(85.32% 0.0833 48.00) 9.7%, oklch(86.18% 0.0880 66.20) 12.9%, oklch(86.60% 0.0940 81.96) 16.1%, oklch(86.39% 0.1021 94.43) 19.4%, oklch(85.67% 0.1130 105.56) 22.6%, oklch(84.68% 0.1247 115.60) 25.8%, oklch(83.66% 0.1354 124.76) 29.0%, oklch(82.86% 0.1431 133.25) 32.3%, oklch(82.52% 0.1462 140.58) 35.5%, oklch(82.69% 0.1453 145.44) 38.7%, oklch(82.99% 0.1421 149.45) 41.9%, oklch(83.06% 0.1383 154.43) 45.2%, oklch(82.51% 0.1355 162.18) 48.4%, oklch(80.90% 0.1352 174.54) 51.6%, oklch(77.90% 0.1338 191.84) 54.8%, oklch(74.19% 0.1293 212.03) 58.1%, oklch(70.56% 0.1417 232.83) 61.3%, oklch(67.84% 0.1433 252.01) 64.5%, oklch(66.78% 0.1431 267.48) 67.7%, oklch(67.24% 0.1424 280.20) 71.0%, oklch(68.71% 0.1411 291.20) 74.2%, oklch(70.79% 0.1384 301.03) 77.4%, oklch(73.06% 0.1339 310.20) 80.6%, oklch(75.13% 0.1267 319.24) 83.9%, oklch(77.44% 0.1149 328.40) 87.1%, oklch(80.08% 0.0995 337.24) 90.3%, oklch(82.72% 0.0834 345.26) 93.5%, oklch(85.01% 0.0691 351.96) 96.8%, oklch(86.61% 0.0593 356.82) 100.0%);

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

ไล่เฉดสีรุ้งแบบวนลูป

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