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, 64 màu, góc 135°: #c5a562, #30535b, #6d3841, #577247, #3e55b2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #c5a562
- #bda360
- #b3a15e
- #a89d5d
- #9b995c
- #8d955c
- #7f8f5d
- #718a5d
- #64835e
- #587c5f
- #4d755f
- #446e5f
- #3d685e
- #38615d
- #345c5c
- #31575c
- #30535b
- #304f5c
- #304c5c
- #324a5d
- #34475e
- #38455f
- #3c4360
- #414161
- #463f60
- #4c3d5f
- #523b5d
- #583a5a
- #5d3957
- #623852
- #67384c
- #6a3847
- #6d3841
- #6f3a3b
- #713c36
- #724031
- #73442d
- #73482b
- #734c29
- #725129
- #71562a
- #6f5b2c
- #6d5f30
- #6a6433
- #676838
- #636c3d
- #5d6f42
- #577247
- #4f744c
- #457753
- #37785a
- #267962
- #037a6b
- #007874
- #00767b
- #007382
- #007189
- #006e90
- #006a98
- #0066a3
- #1361ac
- #285daf
- #3559b1
- #3e55b2
CSS
background: linear-gradient(135deg in oklch, oklch(73.62% 0.0937 84.38) 0.0%, oklch(72.44% 0.0917 88.93) 1.6%, oklch(70.93% 0.0891 94.34) 3.2%, oklch(69.14% 0.0860 100.53) 4.8%, oklch(67.12% 0.0824 107.42) 6.3%, oklch(64.91% 0.0784 114.93) 7.9%, oklch(62.56% 0.0743 122.99) 9.5%, oklch(60.12% 0.0700 131.50) 11.1%, oklch(57.64% 0.0657 140.39) 12.7%, oklch(55.16% 0.0615 149.58) 14.3%, oklch(52.73% 0.0574 158.99) 15.9%, oklch(50.40% 0.0536 168.53) 17.5%, oklch(48.21% 0.0502 178.14) 19.0%, oklch(46.22% 0.0473 187.72) 20.6%, oklch(44.47% 0.0450 197.20) 22.2%, oklch(43.01% 0.0434 206.50) 23.8%, oklch(41.87% 0.0426 215.55) 25.4%, oklch(40.98% 0.0425 224.71) 27.0%, oklch(40.26% 0.0432 234.12) 28.6%, oklch(39.71% 0.0444 243.73) 30.2%, oklch(39.30% 0.0462 253.52) 31.7%, oklch(39.03% 0.0484 263.44) 33.3%, oklch(38.89% 0.0509 273.45) 34.9%, oklch(38.85% 0.0537 283.53) 36.5%, oklch(38.91% 0.0566 293.64) 38.1%, oklch(39.05% 0.0595 303.73) 39.7%, oklch(39.25% 0.0625 313.77) 41.3%, oklch(39.51% 0.0654 323.73) 42.9%, oklch(39.80% 0.0680 333.57) 44.4%, oklch(40.13% 0.0704 343.25) 46.0%, oklch(40.46% 0.0723 352.74) 47.6%, oklch(40.79% 0.0739 2.00) 49.2%, oklch(41.12% 0.0748 11.00) 50.8%, oklch(41.58% 0.0752 19.80) 52.4%, oklch(42.16% 0.0752 28.43) 54.0%, oklch(42.85% 0.0748 36.91) 55.6%, oklch(43.63% 0.0741 45.27) 57.1%, oklch(44.47% 0.0733 53.51) 58.7%, oklch(45.35% 0.0723 61.67) 60.3%, oklch(46.26% 0.0712 69.75) 61.9%, oklch(47.17% 0.0703 77.79) 63.5%, oklch(48.07% 0.0695 85.80) 65.1%, oklch(48.92% 0.0689 93.81) 66.7%, oklch(49.72% 0.0686 101.82) 68.3%, oklch(50.43% 0.0688 109.87) 69.8%, oklch(51.05% 0.0694 117.98) 71.4%, oklch(51.55% 0.0706 126.15) 73.0%, oklch(51.90% 0.0725 134.42) 74.6%, oklch(52.11% 0.0751 142.92) 76.2%, oklch(52.19% 0.0786 151.89) 77.8%, oklch(52.17% 0.0828 161.24) 79.4%, oklch(52.06% 0.0876 170.87) 81.0%, oklch(51.86% 0.0930 180.66) 82.5%, oklch(51.60% 0.0890 190.52) 84.1%, oklch(51.29% 0.0872 200.34) 85.7%, oklch(50.94% 0.0881 210.03) 87.3%, oklch(50.56% 0.0917 219.46) 88.9%, oklch(50.17% 0.0984 228.53) 90.5%, oklch(49.79% 0.1090 237.15) 92.1%, oklch(49.43% 0.1249 245.20) 93.7%, oklch(49.09% 0.1392 252.56) 95.2%, oklch(48.81% 0.1436 259.17) 96.8%, oklch(48.58% 0.1473 264.91) 98.4%, oklch(48.43% 0.1502 269.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
