ไล่เฉดสีแบบรัศมี สีรุ้งจากน้ำเงินถึงกรมท่าโทนหม่น

พาเลตต์สีสีรุ้งจากน้ำเงินถึงกรมท่าโทนหม่น

ไล่เฉดสีแบบรัศมี 40 สี: #4f909c, #1c2130, #c1433e, #58337d, #121c27 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#4f909c
#498090
#43687d
#3a4e63
#2d3545
#1f202b
#121117
#0a090d
#09080c
#101018
#1c2130
#273d50
#2d5f6f
#348382
#51a284
#7bb475
#a0b45a
#bca535
#cd8910
#ce6620
#c1433e
#a92555
#8e0d65
#750171
#64047a
#5a0f7e
#561a80
#552380
#572c7f
#58337d
#57397a
#523b76
#4a3b70
#403967
#34355c
#2a2f4f
#202a43
#192437
#141f2d
#121c27

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0689 210.94) 0.0%, oklch(56.83% 0.0630 219.66) 2.6%, oklch(49.87% 0.0539 233.26) 5.1%, oklch(41.53% 0.0430 249.60) 7.7%, oklch(32.80% 0.0316 266.48) 10.3%, oklch(24.66% 0.0213 281.77) 12.8%, oklch(18.09% 0.0133 293.28) 15.4%, oklch(14.08% 0.0092 298.86) 17.9%, oklch(13.64% 0.0103 296.37) 20.5%, oklch(17.60% 0.0171 285.61) 23.1%, oklch(25.13% 0.0284 268.34) 25.6%, oklch(34.95% 0.0430 246.21) 28.2%, oklch(45.77% 0.0594 220.86) 30.8%, oklch(56.31% 0.0765 193.95) 33.3%, oklch(65.30% 0.0928 167.13) 35.9%, oklch(71.44% 0.1072 142.04) 38.5%, oklch(73.57% 0.1188 119.82) 41.0%, oklch(72.18% 0.1302 96.96) 43.6%, oklch(68.22% 0.1417 73.19) 46.2%, oklch(62.53% 0.1526 49.33) 48.7%, oklch(55.95% 0.1624 26.23) 51.3%, oklch(49.32% 0.1703 4.73) 53.8%, oklch(43.47% 0.1757 345.68) 56.4%, oklch(39.24% 0.1779 329.91) 59.0%, oklch(37.20% 0.1762 318.29) 61.5%, oklch(36.60% 0.1703 310.91) 64.1%, oklch(36.98% 0.1610 306.83) 66.7%, oklch(37.97% 0.1493 305.02) 69.2%, oklch(39.21% 0.1362 304.47) 71.8%, oklch(40.33% 0.1227 304.17) 74.4%, oklch(40.96% 0.1098 303.09) 76.9%, oklch(40.73% 0.0985 300.23) 79.5%, oklch(39.43% 0.0885 295.17) 82.1%, oklch(37.33% 0.0780 288.92) 84.6%, oklch(34.68% 0.0675 281.95) 87.2%, oklch(31.75% 0.0572 274.71) 89.7%, oklch(28.77% 0.0476 267.64) 92.3%, oklch(25.99% 0.0389 261.16) 94.9%, oklch(23.67% 0.0317 255.74) 97.4%, oklch(22.05% 0.0262 251.80) 100.0%);

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