ไล่เฉดสีแบบรัศมี ฟ้าอ่อนและม่วง (สีข้างเคียง)โทนสด

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

ไล่เฉดสีแบบรัศมี 32 สี: #57d4fa, #2d2259, #576ad2, #2ba1d4, #cfd9fd แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#57d4fa
#52bbec
#5295d4
#516bb1
#4b4489
#402766
#361651
#31154e
#2d2259
#273669
#1e4e77
#186482
#17748c
#0d7c98
#037dac
#2d77c2
#576ad2
#795cd6
#8f52d4
#9455d9
#8665e4
#6a7aeb
#4490e4
#2ba1d4
#3dacc7
#56b3c5
#6dbacd
#84c2da
#9bc9e8
#b1cff3
#c3d5fa
#cfd9fd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.1213 221.48) 0.0%, oklch(74.99% 0.1193 232.19) 3.2%, oklch(65.29% 0.1166 248.53) 6.5%, oklch(54.07% 0.1134 267.29) 9.7%, oklch(43.02% 0.1100 285.23) 12.9%, oklch(33.81% 0.1067 299.16) 16.1%, oklch(28.12% 0.1039 305.84) 19.4%, oklch(27.12% 0.1006 301.98) 22.6%, oklch(29.80% 0.0958 288.26) 25.8%, oklch(34.88% 0.0908 268.94) 29.0%, oklch(41.11% 0.0870 248.33) 32.3%, oklch(47.21% 0.0857 230.73) 35.5%, oklch(51.93% 0.0884 220.46) 38.7%, oklch(54.39% 0.0973 221.54) 41.9%, oklch(55.64% 0.1148 233.39) 45.2%, oklch(56.16% 0.1371 251.73) 48.4%, oklch(56.35% 0.1604 272.19) 51.6%, oklch(56.56% 0.1804 290.40) 54.8%, oklch(57.16% 0.1932 301.97) 58.1%, oklch(58.48% 0.1948 302.66) 61.3%, oklch(60.23% 0.1855 292.07) 64.5%, oklch(62.23% 0.1685 274.12) 67.7%, oklch(64.44% 0.1473 252.96) 71.0%, oklch(66.80% 0.1252 232.74) 74.2%, oklch(69.26% 0.1055 217.62) 77.4%, oklch(71.77% 0.0914 211.67) 80.6%, oklch(74.68% 0.0811 215.12) 83.9%, oklch(77.95% 0.0724 224.90) 87.1%, oklch(81.28% 0.0653 238.30) 90.3%, oklch(84.42% 0.0595 252.63) 93.5%, oklch(87.08% 0.0548 265.18) 96.8%, oklch(88.98% 0.0510 273.27) 100.0%);

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

ไล่เฉดสีน้ำเงินและม่วง

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