Cầu vồng từ nâu vàng sang xanh dương tông trầm (gradient tuyến tính)
Gradient tuyến tính, 40 màu, góc 45°: #d8bb81, #32767a, #d99a57, #785a58, #6194bc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #d8bb81
- #cbb77b
- #b7b377
- #9fac75
- #85a476
- #6c9b79
- #56907b
- #46867c
- #3c7d7c
- #36777b
- #32767a
- #307979
- #328078
- #3c8974
- #51926c
- #6d9b61
- #8ca054
- #aba24b
- #c3a14a
- #d39e50
- #d99a57
- #d7935d
- #cf8c60
- #c28460
- #b37b5f
- #a3725d
- #946a5a
- #876358
- #7d5d57
- #785a58
- #76595c
- #775a63
- #7a5e6d
- #7c637b
- #7d6a8a
- #7b729a
- #767ca8
- #6f85b2
- #678eb9
- #6194bc
CSS
background: linear-gradient(45deg in oklch, oklch(80.31% 0.0827 83.67) 0.0%, oklch(78.37% 0.0815 92.03) 2.6%, oklch(75.57% 0.0795 104.28) 5.1%, oklch(72.16% 0.0771 119.25) 7.7%, oklch(68.40% 0.0745 135.75) 10.3%, oklch(64.53% 0.0719 152.60) 12.8%, oklch(60.80% 0.0695 168.60) 15.4%, oklch(57.47% 0.0677 182.59) 17.9%, oklch(54.78% 0.0667 193.37) 20.5%, oklch(52.98% 0.0667 199.77) 23.1%, oklch(52.32% 0.0680 200.61) 25.6%, oklch(53.01% 0.0714 195.68) 28.2%, oklch(54.84% 0.0766 186.00) 30.8%, oklch(57.48% 0.0831 172.63) 33.3%, oklch(60.64% 0.0902 156.66) 35.9%, oklch(64.02% 0.0974 139.14) 38.5%, oklch(67.30% 0.1040 121.15) 41.0%, oklch(70.18% 0.1095 103.76) 43.6%, oklch(72.35% 0.1133 88.04) 46.2%, oklch(73.52% 0.1147 75.06) 48.7%, oklch(73.39% 0.1132 65.65) 51.3%, oklch(72.03% 0.1083 58.82) 53.8%, oklch(69.72% 0.1007 53.82) 56.4%, oklch(66.73% 0.0913 50.11) 59.0%, oklch(63.33% 0.0808 47.13) 61.5%, oklch(59.80% 0.0700 44.33) 64.1%, oklch(56.40% 0.0596 41.13) 66.7%, oklch(53.41% 0.0505 36.99) 69.2%, oklch(51.11% 0.0434 31.34) 71.8%, oklch(49.76% 0.0391 23.64) 74.4%, oklch(49.52% 0.0381 13.24) 76.9%, oklch(50.13% 0.0397 0.07) 79.5%, oklch(51.42% 0.0432 344.85) 82.1%, oklch(53.20% 0.0483 328.32) 84.6%, oklch(55.31% 0.0544 311.21) 87.2%, oklch(57.56% 0.0609 294.26) 89.7%, oklch(59.79% 0.0674 278.22) 92.3%, oklch(61.82% 0.0733 263.82) 94.9%, oklch(63.47% 0.0781 251.79) 97.4%, oklch(64.57% 0.0813 242.89) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
