Cầu vồng từ tím hoa cà sang be tông trầm (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #a87a6e, #8c6b91, #48809c, #8bb395, #ebdebc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #a87a6e
- #a8796f
- #a87871
- #a87772
- #a77674
- #a67576
- #a57478
- #a4737a
- #a3717c
- #a1707e
- #9f6f81
- #9d6e84
- #9a6d86
- #976d89
- #946c8c
- #906c8f
- #8c6b91
- #886b94
- #846c96
- #7f6c98
- #7a6d9a
- #766d9c
- #716e9d
- #6c6f9e
- #67719f
- #62729f
- #5d749f
- #58769f
- #54779e
- #50799e
- #4d7c9d
- #4a7e9c
- #48809c
- #47839b
- #46869a
- #478999
- #488c98
- #4b9098
- #4e9397
- #539796
- #589a95
- #5e9e95
- #65a194
- #6ca594
- #73a994
- #7bac94
- #83b095
- #8bb395
- #93b797
- #9bba98
- #a3bd9a
- #aac19c
- #b1c49e
- #b9c7a0
- #bfcaa3
- #c6cda6
- #cccfa9
- #d2d2ac
- #d7d4af
- #dcd7b2
- #e0d9b5
- #e4dbb7
- #e8dcba
- #ebdebc
CSS
background: linear-gradient(225deg in oklch, oklch(62.20% 0.0606 35.16) 0.0%, oklch(62.10% 0.0609 32.42) 1.6%, oklch(61.95% 0.0611 29.36) 3.2%, oklch(61.76% 0.0615 25.99) 4.8%, oklch(61.53% 0.0619 22.32) 6.3%, oklch(61.28% 0.0623 18.38) 7.9%, oklch(60.99% 0.0628 14.19) 9.5%, oklch(60.68% 0.0633 9.75) 11.1%, oklch(60.35% 0.0638 5.09) 12.7%, oklch(60.00% 0.0644 0.22) 14.3%, oklch(59.64% 0.0650 355.17) 15.9%, oklch(59.28% 0.0656 349.94) 17.5%, oklch(58.91% 0.0662 344.56) 19.0%, oklch(58.55% 0.0668 339.04) 20.6%, oklch(58.19% 0.0674 333.40) 22.2%, oklch(57.83% 0.0680 327.66) 23.8%, oklch(57.50% 0.0686 321.83) 25.4%, oklch(57.18% 0.0692 315.94) 27.0%, oklch(56.88% 0.0698 309.99) 28.6%, oklch(56.60% 0.0703 304.01) 30.2%, oklch(56.36% 0.0708 298.02) 31.7%, oklch(56.15% 0.0713 292.03) 33.3%, oklch(55.98% 0.0717 286.05) 34.9%, oklch(55.86% 0.0721 280.11) 36.5%, oklch(55.78% 0.0725 274.22) 38.1%, oklch(55.75% 0.0728 268.40) 39.7%, oklch(55.77% 0.0730 262.67) 41.3%, oklch(55.86% 0.0732 257.04) 42.9%, oklch(56.01% 0.0733 251.54) 44.4%, oklch(56.22% 0.0733 246.17) 46.0%, oklch(56.51% 0.0733 240.96) 47.6%, oklch(56.87% 0.0731 235.92) 49.2%, oklch(57.32% 0.0729 231.04) 50.8%, oklch(57.87% 0.0726 226.09) 52.4%, oklch(58.52% 0.0722 221.05) 54.0%, oklch(59.27% 0.0717 215.93) 55.6%, oklch(60.10% 0.0711 210.74) 57.1%, oklch(61.01% 0.0704 205.50) 58.7%, oklch(61.99% 0.0697 200.22) 60.3%, oklch(63.04% 0.0689 194.91) 61.9%, oklch(64.14% 0.0680 189.58) 63.5%, oklch(65.30% 0.0671 184.24) 65.1%, oklch(66.51% 0.0662 178.91) 66.7%, oklch(67.75% 0.0652 173.60) 68.3%, oklch(69.02% 0.0642 168.32) 69.8%, oklch(70.32% 0.0631 163.08) 71.4%, oklch(71.64% 0.0621 157.90) 73.0%, oklch(72.97% 0.0610 152.78) 74.6%, oklch(74.30% 0.0599 147.74) 76.2%, oklch(75.63% 0.0588 142.79) 77.8%, oklch(76.95% 0.0577 137.94) 79.4%, oklch(78.26% 0.0566 133.21) 81.0%, oklch(79.54% 0.0556 128.60) 82.5%, oklch(80.79% 0.0546 124.13) 84.1%, oklch(82.01% 0.0535 119.82) 85.7%, oklch(83.18% 0.0526 115.67) 87.3%, oklch(84.30% 0.0516 111.69) 88.9%, oklch(85.36% 0.0508 107.90) 90.5%, oklch(86.36% 0.0499 104.30) 92.1%, oklch(87.29% 0.0492 100.92) 93.7%, oklch(88.14% 0.0485 97.77) 95.2%, oklch(88.91% 0.0479 94.84) 96.8%, oklch(89.58% 0.0473 92.17) 98.4%, oklch(90.16% 0.0469 89.76) 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
