Xanh dương, tím và hồng tông trầm liền mạch (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 45°: #4d687f, #9e7ca0, #d5918e, #9c79a8, #326a83. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #4d687f
- #4f6880
- #526983
- #556a85
- #586b88
- #5c6c8b
- #606e8e
- #656f91
- #6b7094
- #717297
- #777399
- #7d749b
- #84769d
- #8a779e
- #91799f
- #987aa0
- #9e7ca0
- #a57d9f
- #ab7f9f
- #b1819e
- #b6839c
- #bb859b
- #c08699
- #c48897
- #c88a95
- #cb8c94
- #ce8d92
- #d08f91
- #d29090
- #d3918f
- #d4918e
- #d5928e
- #d5918e
- #d5918e
- #d4908f
- #d38f90
- #d18d92
- #cf8b94
- #cd8a96
- #c98898
- #c6869a
- #c1849d
- #bc829f
- #b780a2
- #b17ea4
- #aa7ca6
- #a37ba7
- #9c79a8
- #9478a9
- #8c77a9
- #8475a8
- #7c74a7
- #7473a5
- #6c72a3
- #6471a0
- #5c709d
- #556f9a
- #4e6e96
- #486d93
- #426d8f
- #3d6c8c
- #396b89
- #356a86
- #326a83
CSS
background: linear-gradient(45deg in oklch, oklch(50.39% 0.0482 245.39) 0.0%, oklch(50.79% 0.0488 247.85) 1.6%, oklch(51.26% 0.0495 250.83) 3.2%, oklch(51.82% 0.0504 254.31) 4.8%, oklch(52.44% 0.0513 258.23) 6.3%, oklch(53.13% 0.0522 262.55) 7.9%, oklch(53.88% 0.0533 267.24) 9.5%, oklch(54.67% 0.0544 272.25) 11.1%, oklch(55.51% 0.0556 277.54) 12.7%, oklch(56.39% 0.0569 283.07) 14.3%, oklch(57.31% 0.0582 288.80) 15.9%, oklch(58.24% 0.0595 294.69) 17.5%, oklch(59.20% 0.0609 300.70) 19.0%, oklch(60.17% 0.0623 306.79) 20.6%, oklch(61.14% 0.0637 312.91) 22.2%, oklch(62.12% 0.0651 319.03) 23.8%, oklch(63.09% 0.0665 325.10) 25.4%, oklch(64.04% 0.0679 331.09) 27.0%, oklch(64.98% 0.0693 336.94) 28.6%, oklch(65.88% 0.0707 342.63) 30.2%, oklch(66.76% 0.0720 348.11) 31.7%, oklch(67.60% 0.0733 353.34) 33.3%, oklch(68.39% 0.0745 358.27) 34.9%, oklch(69.13% 0.0757 2.87) 36.5%, oklch(69.82% 0.0769 7.10) 38.1%, oklch(70.44% 0.0779 10.92) 39.7%, oklch(70.98% 0.0789 14.27) 41.3%, oklch(71.45% 0.0798 17.14) 42.9%, oklch(71.84% 0.0807 19.46) 44.4%, oklch(72.14% 0.0814 21.21) 46.0%, oklch(72.34% 0.0820 22.33) 47.6%, oklch(72.43% 0.0825 22.80) 49.2%, oklch(72.42% 0.0829 22.56) 50.8%, oklch(72.30% 0.0831 21.61) 52.4%, oklch(72.07% 0.0833 19.99) 54.0%, oklch(71.75% 0.0834 17.74) 55.6%, oklch(71.33% 0.0834 14.89) 57.1%, oklch(70.84% 0.0833 11.51) 58.7%, oklch(70.26% 0.0832 7.61) 60.3%, oklch(69.61% 0.0830 3.26) 61.9%, oklch(68.90% 0.0827 358.49) 63.5%, oklch(68.13% 0.0823 353.34) 65.1%, oklch(67.31% 0.0820 347.86) 66.7%, oklch(66.44% 0.0815 342.08) 68.3%, oklch(65.53% 0.0811 336.06) 69.8%, oklch(64.60% 0.0806 329.83) 71.4%, oklch(63.63% 0.0800 323.43) 73.0%, oklch(62.65% 0.0795 316.91) 74.6%, oklch(61.65% 0.0789 310.31) 76.2%, oklch(60.65% 0.0783 303.68) 77.8%, oklch(59.65% 0.0777 297.05) 79.4%, oklch(58.65% 0.0771 290.47) 81.0%, oklch(57.67% 0.0765 283.97) 82.5%, oklch(56.71% 0.0759 277.61) 84.1%, oklch(55.77% 0.0753 271.42) 85.7%, oklch(54.87% 0.0748 265.45) 87.3%, oklch(54.01% 0.0742 259.74) 88.9%, oklch(53.19% 0.0737 254.34) 90.5%, oklch(52.42% 0.0733 249.27) 92.1%, oklch(51.72% 0.0728 244.59) 93.7%, oklch(51.08% 0.0725 240.35) 95.2%, oklch(50.51% 0.0721 236.57) 96.8%, oklch(50.01% 0.0719 233.30) 98.4%, oklch(49.61% 0.0717 230.60) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
