Tím, xanh dương, hồng và nâu vàng (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #a35371, #4e72af, #f3b9a6, #7075ae, #d2be91. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #a35371
- #a25375
- #9f537b
- #9b5482
- #955589
- #8f5691
- #875897
- #7e5a9d
- #755ca2
- #6c5fa6
- #6262a8
- #5a65a9
- #5268aa
- #4d6baa
- #4a6eab
- #4a70ac
- #4e72af
- #5775b2
- #6378b6
- #727aba
- #837ebe
- #9481bf
- #a685bf
- #b78abd
- #c690b9
- #d496b5
- #de9db0
- #e6a4ac
- #ecaba9
- #f0b1a7
- #f2b6a6
- #f3b9a6
- #f3b9a6
- #f2b7a6
- #f0b3a7
- #ecada8
- #e6a7aa
- #de9fad
- #d498b0
- #c892b3
- #bb8cb5
- #ac86b7
- #9e82b7
- #907eb6
- #837bb4
- #7979b2
- #7377b0
- #7075ae
- #7375ae
- #7975ad
- #8275ad
- #8d76ac
- #9978a9
- #a67ba6
- #b27fa0
- #bd849a
- #c68a94
- #cd928f
- #d29a8b
- #d4a389
- #d5ab89
- #d4b38b
- #d3b98e
- #d2be91
CSS
background: linear-gradient(135deg in oklch, oklch(54.72% 0.1116 357.89) 0.0%, oklch(54.69% 0.1114 353.94) 1.6%, oklch(54.56% 0.1111 348.49) 3.2%, oklch(54.36% 0.1109 341.81) 4.8%, oklch(54.12% 0.1106 334.16) 6.3%, oklch(53.86% 0.1104 325.78) 7.9%, oklch(53.59% 0.1101 316.94) 9.5%, oklch(53.34% 0.1097 307.91) 11.1%, oklch(53.13% 0.1093 298.92) 12.7%, oklch(52.97% 0.1089 290.25) 14.3%, oklch(52.90% 0.1083 282.15) 15.9%, oklch(52.93% 0.1077 274.88) 17.5%, oklch(53.08% 0.1070 268.70) 19.0%, oklch(53.38% 0.1062 263.87) 20.6%, oklch(53.85% 0.1053 260.63) 22.2%, oklch(54.50% 0.1042 259.26) 23.8%, oklch(55.36% 0.1030 260.03) 25.4%, oklch(56.58% 0.1016 263.44) 27.0%, oklch(58.17% 0.0998 269.33) 28.6%, oklch(60.06% 0.0978 277.32) 30.2%, oklch(62.18% 0.0956 287.03) 31.7%, oklch(64.48% 0.0932 298.09) 33.3%, oklch(66.89% 0.0908 310.10) 34.9%, oklch(69.35% 0.0883 322.69) 36.5%, oklch(71.80% 0.0859 335.47) 38.1%, oklch(74.18% 0.0835 348.07) 39.7%, oklch(76.42% 0.0812 0.10) 41.3%, oklch(78.45% 0.0791 11.19) 42.9%, oklch(80.23% 0.0772 20.94) 44.4%, oklch(81.68% 0.0756 28.99) 46.0%, oklch(82.74% 0.0743 34.94) 47.6%, oklch(83.35% 0.0733 38.41) 49.2%, oklch(83.44% 0.0728 39.03) 50.8%, oklch(82.96% 0.0728 36.65) 52.4%, oklch(81.97% 0.0731 31.66) 54.0%, oklch(80.55% 0.0738 24.47) 55.6%, oklch(78.78% 0.0748 15.51) 57.1%, oklch(76.73% 0.0761 5.19) 58.7%, oklch(74.49% 0.0774 353.93) 60.3%, oklch(72.13% 0.0789 342.15) 61.9%, oklch(69.73% 0.0804 330.26) 63.5%, oklch(67.37% 0.0819 318.70) 65.1%, oklch(65.12% 0.0833 307.87) 66.7%, oklch(63.06% 0.0846 298.20) 68.3%, oklch(61.28% 0.0856 290.10) 69.8%, oklch(59.84% 0.0864 283.99) 71.4%, oklch(58.82% 0.0868 280.29) 73.0%, oklch(58.31% 0.0869 279.42) 74.6%, oklch(58.33% 0.0865 281.64) 76.2%, oklch(58.79% 0.0857 286.59) 77.8%, oklch(59.63% 0.0846 293.91) 79.4%, oklch(60.80% 0.0833 303.26) 81.0%, oklch(62.24% 0.0817 314.28) 82.5%, oklch(63.90% 0.0800 326.64) 84.1%, oklch(65.73% 0.0781 339.97) 85.7%, oklch(67.67% 0.0762 353.94) 87.3%, oklch(69.66% 0.0742 8.19) 88.9%, oklch(71.66% 0.0723 22.37) 90.5%, oklch(73.61% 0.0704 36.15) 92.1%, oklch(75.45% 0.0686 49.16) 93.7%, oklch(77.14% 0.0669 61.07) 95.2%, oklch(78.61% 0.0655 71.52) 96.8%, oklch(79.82% 0.0643 80.16) 98.4%, oklch(80.71% 0.0634 86.66) 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
