Tím, hồng và nâu vàng (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #6357a2, #d08280, #cec288, #ab7a5a, #612f4b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #6357a2
- #6958a2
- #7058a2
- #775aa2
- #805ba1
- #895da0
- #925f9e
- #9b629c
- #a46598
- #ad6895
- #b66c91
- #be718c
- #c57688
- #cb7c84
- #d08280
- #d4897d
- #d7907a
- #d99778
- #da9e78
- #dba478
- #daaa79
- #dab07b
- #d8b57e
- #d7b980
- #d5bd83
- #d3c085
- #d2c187
- #d0c288
- #cec288
- #ccc087
- #cbbe85
- #c9bb82
- #c7b67f
- #c5b27b
- #c2ac77
- #c0a672
- #bd9f6d
- #ba9869
- #b79164
- #b38960
- #af825d
- #ab7a5a
- #a67257
- #a16b55
- #9c6353
- #965c52
- #905651
- #8a4f50
- #844a4f
- #7e444f
- #783f4e
- #723b4e
- #6d374d
- #69344c
- #65314c
- #612f4b
CSS
background: linear-gradient(135deg in oklch, oklch(50.39% 0.1171 288.98) 0.0%, oklch(51.04% 0.1163 292.43) 1.8%, oklch(51.85% 0.1154 296.63) 3.6%, oklch(52.80% 0.1143 301.51) 5.5%, oklch(53.90% 0.1130 307.01) 7.3%, oklch(55.10% 0.1117 313.07) 9.1%, oklch(56.42% 0.1103 319.61) 10.9%, oklch(57.82% 0.1087 326.58) 12.7%, oklch(59.29% 0.1071 333.91) 14.5%, oklch(60.82% 0.1054 341.54) 16.4%, oklch(62.40% 0.1037 349.41) 18.2%, oklch(64.00% 0.1019 357.44) 20.0%, oklch(65.62% 0.1001 5.57) 21.8%, oklch(67.23% 0.0983 13.75) 23.6%, oklch(68.83% 0.0964 21.90) 25.5%, oklch(70.39% 0.0946 29.96) 27.3%, oklch(71.91% 0.0928 37.87) 29.1%, oklch(73.36% 0.0910 45.56) 30.9%, oklch(74.74% 0.0893 52.97) 32.7%, oklch(76.03% 0.0876 60.03) 34.5%, oklch(77.21% 0.0860 66.68) 36.4%, oklch(78.26% 0.0844 72.86) 38.2%, oklch(79.18% 0.0830 78.50) 40.0%, oklch(79.95% 0.0816 83.54) 41.8%, oklch(80.55% 0.0804 87.91) 43.6%, oklch(80.96% 0.0793 91.54) 45.5%, oklch(81.18% 0.0783 94.38) 47.3%, oklch(81.18% 0.0775 96.36) 49.1%, oklch(80.96% 0.0769 97.43) 50.9%, oklch(80.50% 0.0763 97.63) 52.7%, oklch(79.81% 0.0759 97.04) 54.5%, oklch(78.91% 0.0756 95.71) 56.4%, oklch(77.81% 0.0754 93.70) 58.2%, oklch(76.54% 0.0752 91.06) 60.0%, oklch(75.12% 0.0752 87.84) 61.8%, oklch(73.55% 0.0752 84.11) 63.6%, oklch(71.85% 0.0753 79.91) 65.5%, oklch(70.05% 0.0755 75.32) 67.3%, oklch(68.15% 0.0757 70.37) 69.1%, oklch(66.18% 0.0760 65.13) 70.9%, oklch(64.16% 0.0763 59.65) 72.7%, oklch(62.09% 0.0766 53.99) 74.5%, oklch(59.99% 0.0770 48.21) 76.4%, oklch(57.89% 0.0774 42.36) 78.2%, oklch(55.80% 0.0778 36.49) 80.0%, oklch(53.73% 0.0782 30.67) 81.8%, oklch(51.71% 0.0787 24.95) 83.6%, oklch(49.74% 0.0791 19.38) 85.5%, oklch(47.86% 0.0795 14.02) 87.3%, oklch(46.06% 0.0799 8.93) 89.1%, oklch(44.38% 0.0802 4.16) 90.9%, oklch(42.82% 0.0805 359.77) 92.7%, oklch(41.40% 0.0808 355.81) 94.5%, oklch(40.15% 0.0810 352.34) 96.4%, oklch(39.07% 0.0812 349.42) 98.2%, oklch(38.19% 0.0813 347.11) 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
