ไล่เฉดสีเชิงเส้น น้ำเงิน ฟ้าอ่อน เขียวหัวเป็ด และดำ

พาเลตต์สีน้ำเงิน ฟ้าอ่อน เขียวหัวเป็ด และดำ มี 40 สี #54b9e8, #8dedff, #95fcfb, #47858e, #00121a แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#54b9e8
#55bbea
#57bfec
#5ac3ee
#5dc9f1
#60cff4
#64d5f8
#69dcfb
#6ee2ff
#7de8ff
#8dedff
#9bf1ff
#a8f5ff
#b3f8ff
#bdfbff
#c3fcff
#c5feff
#c1ffff
#b8ffff
#a6fffe
#95fcfb
#90f4f4
#8aebeb
#83dfe1
#7ad2d5
#71c4c8
#67b5ba
#5ca5ac
#52959d
#47858e
#3c757f
#326570
#295762
#1f4954
#173c47
#0f313b
#082731
#041e28
#011720
#00121a

CSS

background: linear-gradient(225deg in oklch, oklch(74.41% 0.1157 232.03) 0.0%, oklch(75.07% 0.1153 230.90) 2.6%, oklch(76.04% 0.1149 229.44) 5.1%, oklch(77.28% 0.1144 227.68) 7.7%, oklch(78.72% 0.1140 225.67) 10.3%, oklch(80.34% 0.1136 223.46) 12.8%, oklch(82.07% 0.1131 221.09) 15.4%, oklch(83.88% 0.1126 218.60) 17.9%, oklch(85.72% 0.1120 216.03) 20.5%, oklch(87.53% 0.1035 213.43) 23.1%, oklch(89.28% 0.0944 210.84) 25.6%, oklch(90.92% 0.0854 208.30) 28.2%, oklch(92.40% 0.0768 205.86) 30.8%, oklch(93.67% 0.0689 203.56) 33.3%, oklch(94.69% 0.0624 201.45) 35.9%, oklch(95.41% 0.0582 199.56) 38.5%, oklch(95.79% 0.0575 197.94) 41.0%, oklch(95.77% 0.0616 196.64) 43.6%, oklch(95.31% 0.0704 195.72) 46.2%, oklch(94.37% 0.0857 195.17) 48.7%, oklch(92.88% 0.0967 195.05) 51.3%, oklch(90.73% 0.0942 195.37) 53.8%, oklch(87.99% 0.0914 196.08) 56.4%, oklch(84.71% 0.0882 197.14) 59.0%, oklch(80.97% 0.0848 198.51) 61.5%, oklch(76.84% 0.0811 200.15) 64.1%, oklch(72.38% 0.0773 202.01) 66.7%, oklch(67.67% 0.0734 204.06) 69.2%, oklch(62.78% 0.0694 206.24) 71.8%, oklch(57.78% 0.0653 208.53) 74.4%, oklch(52.73% 0.0613 210.88) 76.9%, oklch(47.72% 0.0573 213.24) 79.5%, oklch(42.79% 0.0535 215.58) 82.1%, oklch(38.04% 0.0498 217.85) 84.6%, oklch(33.52% 0.0462 220.02) 87.2%, oklch(29.31% 0.0429 222.04) 89.7%, oklch(25.47% 0.0399 223.87) 92.3%, oklch(22.09% 0.0373 225.47) 94.9%, oklch(19.21% 0.0350 226.79) 97.4%, oklch(16.93% 0.0330 227.90) 100.0%);

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

ไล่เฉดสีทะเล

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