Xanh cổ vịt, xanh lá nhạt và nâu (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #347ba3, #d7e1aa, #1f4a56, #9b6b4a, #8a7f61. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #347ba3
- #3380a4
- #3387a6
- #3590a8
- #3b9aa9
- #45a4a9
- #54afa9
- #65b9a8
- #78c2a7
- #8bcaa6
- #9ed2a6
- #afd8a6
- #bedda8
- #cae0a9
- #d2e2aa
- #d7e2ab
- #d7e1aa
- #d2dda8
- #c8d8a5
- #bbd0a1
- #abc79c
- #99bc98
- #87b093
- #75a38d
- #649688
- #558881
- #487b7a
- #3d6f73
- #35636b
- #2e5a64
- #28525e
- #234d59
- #1f4a56
- #1c4a53
- #194b51
- #184d4e
- #1b514b
- #225447
- #2d5842
- #3b5c3d
- #4a6038
- #5a6234
- #696432
- #776633
- #836737
- #8e693d
- #956a44
- #9b6b4a
- #9e6c4e
- #9f6d51
- #a06e54
- #a17055
- #a07256
- #9f7357
- #9d7557
- #9b7758
- #997858
- #967a59
- #937b5a
- #917c5c
- #8e7d5d
- #8c7e5e
- #8b7e60
- #8a7f61
CSS
background: linear-gradient(135deg in oklch, oklch(55.51% 0.0937 236.95) 0.0%, oklch(56.86% 0.0930 232.24) 1.6%, oklch(58.73% 0.0921 225.92) 3.2%, oklch(61.02% 0.0911 218.25) 4.8%, oklch(63.65% 0.0899 209.51) 6.3%, oklch(66.53% 0.0887 199.95) 7.9%, oklch(69.57% 0.0874 189.84) 9.5%, oklch(72.67% 0.0860 179.44) 11.1%, oklch(75.75% 0.0846 169.02) 12.7%, oklch(78.72% 0.0831 158.83) 14.3%, oklch(81.49% 0.0816 149.15) 15.9%, oklch(83.96% 0.0800 140.24) 17.5%, oklch(86.05% 0.0785 132.36) 19.0%, oklch(87.68% 0.0770 125.77) 20.6%, oklch(88.74% 0.0755 120.74) 22.2%, oklch(89.15% 0.0741 117.53) 23.8%, oklch(88.82% 0.0727 116.43) 25.4%, oklch(87.62% 0.0712 117.89) 27.0%, oklch(85.62% 0.0695 121.76) 28.6%, oklch(82.93% 0.0678 127.66) 30.2%, oklch(79.68% 0.0659 135.21) 31.7%, oklch(75.97% 0.0640 144.04) 33.3%, oklch(71.93% 0.0621 153.76) 34.9%, oklch(67.66% 0.0602 164.01) 36.5%, oklch(63.29% 0.0584 174.40) 38.1%, oklch(58.94% 0.0567 184.56) 39.7%, oklch(54.71% 0.0552 194.12) 41.3%, oklch(50.73% 0.0538 202.69) 42.9%, oklch(47.11% 0.0527 209.90) 44.4%, oklch(43.97% 0.0518 215.37) 46.0%, oklch(41.43% 0.0512 218.73) 47.6%, oklch(39.59% 0.0510 219.60) 49.2%, oklch(38.55% 0.0511 217.64) 50.8%, oklch(38.11% 0.0518 212.89) 52.4%, oklch(38.19% 0.0530 205.71) 54.0%, oklch(38.72% 0.0547 196.47) 55.6%, oklch(39.63% 0.0566 185.52) 57.1%, oklch(40.87% 0.0589 173.22) 58.7%, oklch(42.37% 0.0613 159.94) 60.3%, oklch(44.06% 0.0637 146.03) 61.9%, oklch(45.89% 0.0662 131.85) 63.5%, oklch(47.77% 0.0687 117.76) 65.1%, oklch(49.66% 0.0709 104.12) 66.7%, oklch(51.49% 0.0730 91.28) 68.3%, oklch(53.20% 0.0747 79.62) 69.8%, oklch(54.71% 0.0760 69.49) 71.4%, oklch(55.97% 0.0769 61.24) 73.0%, oklch(56.91% 0.0772 55.24) 74.6%, oklch(57.55% 0.0769 51.55) 76.2%, oklch(58.08% 0.0760 49.51) 77.8%, oklch(58.52% 0.0747 48.92) 79.4%, oklch(58.86% 0.0729 49.59) 81.0%, oklch(59.13% 0.0709 51.34) 82.5%, oklch(59.34% 0.0685 54.00) 84.1%, oklch(59.49% 0.0660 57.37) 85.7%, oklch(59.59% 0.0633 61.28) 87.3%, oklch(59.65% 0.0606 65.54) 88.9%, oklch(59.68% 0.0578 69.98) 90.5%, oklch(59.70% 0.0552 74.41) 92.1%, oklch(59.71% 0.0527 78.65) 93.7%, oklch(59.72% 0.0504 82.51) 95.2%, oklch(59.73% 0.0484 85.83) 96.8%, oklch(59.77% 0.0467 88.40) 98.4%, oklch(59.84% 0.0455 90.06) 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
