Xanh cổ vịt, be, nâu và nâu vàng (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #76a498, #bdba79, #f2e4b5, #b37414, #b8ba63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #76a498
- #77a597
- #78a696
- #7aa894
- #7caa92
- #7fab90
- #82ad8d
- #87af8a
- #8cb087
- #92b284
- #98b381
- #9fb47e
- #a5b57b
- #acb77a
- #b2b879
- #b8b979
- #bdba79
- #c2bd7c
- #c7bf7f
- #cdc384
- #d1c789
- #d6cb8f
- #dbcf96
- #dfd49c
- #e4d8a3
- #e7dca8
- #ebe0ae
- #eee3b2
- #f0e5b6
- #f1e6b8
- #f2e7b9
- #f3e6b8
- #f2e4b5
- #f0e0b0
- #eddaa8
- #e9d49f
- #e4cc95
- #e0c389
- #dab97d
- #d5b070
- #cfa664
- #ca9c57
- #c5934b
- #c08a3f
- #bc8333
- #b87c28
- #b5771d
- #b37414
- #b1730b
- #b17405
- #b07604
- #b17a06
- #b17e0e
- #b28316
- #b3891f
- #b39029
- #b49632
- #b59d3b
- #b6a344
- #b6a94c
- #b7ae53
- #b7b35a
- #b8b75f
- #b8ba63
CSS
background: linear-gradient(135deg in oklch, oklch(68.11% 0.0524 176.48) 0.0%, oklch(68.44% 0.0536 173.89) 1.6%, oklch(68.82% 0.0554 170.60) 3.2%, oklch(69.25% 0.0574 166.71) 4.8%, oklch(69.72% 0.0598 162.33) 6.3%, oklch(70.24% 0.0624 157.54) 7.9%, oklch(70.79% 0.0651 152.44) 9.5%, oklch(71.38% 0.0679 147.14) 11.1%, oklch(72.00% 0.0707 141.72) 12.7%, oklch(72.66% 0.0735 136.30) 14.3%, oklch(73.33% 0.0761 130.95) 15.9%, oklch(74.03% 0.0786 125.79) 17.5%, oklch(74.75% 0.0807 120.91) 19.0%, oklch(75.49% 0.0826 116.40) 20.6%, oklch(76.23% 0.0841 112.37) 22.2%, oklch(76.99% 0.0850 108.90) 23.8%, oklch(77.76% 0.0855 106.10) 25.4%, oklch(78.68% 0.0852 103.84) 27.0%, oklch(79.77% 0.0843 102.02) 28.6%, oklch(81.00% 0.0828 100.59) 30.2%, oklch(82.34% 0.0808 99.49) 31.7%, oklch(83.73% 0.0785 98.68) 33.3%, oklch(85.14% 0.0760 98.09) 34.9%, oklch(86.53% 0.0734 97.68) 36.5%, oklch(87.87% 0.0708 97.40) 38.1%, oklch(89.11% 0.0682 97.19) 39.7%, oklch(90.21% 0.0659 97.00) 41.3%, oklch(91.14% 0.0639 96.79) 42.9%, oklch(91.86% 0.0624 96.49) 44.4%, oklch(92.32% 0.0614 96.06) 46.0%, oklch(92.50% 0.0610 95.44) 47.6%, oklch(92.34% 0.0615 94.59) 49.2%, oklch(91.80% 0.0628 93.45) 50.8%, oklch(90.75% 0.0651 92.00) 52.4%, oklch(89.26% 0.0682 90.30) 54.0%, oklch(87.38% 0.0720 88.40) 55.6%, oklch(85.20% 0.0765 86.37) 57.1%, oklch(82.78% 0.0813 84.25) 58.7%, oklch(80.20% 0.0865 82.10) 60.3%, oklch(77.52% 0.0919 79.97) 61.9%, oklch(74.81% 0.0974 77.94) 63.5%, oklch(72.15% 0.1028 76.04) 65.1%, oklch(69.61% 0.1079 74.33) 66.7%, oklch(67.26% 0.1128 72.88) 68.3%, oklch(65.17% 0.1172 71.73) 69.8%, oklch(63.41% 0.1210 70.95) 71.4%, oklch(62.05% 0.1241 70.59) 73.0%, oklch(61.16% 0.1264 70.70) 74.6%, oklch(60.78% 0.1277 71.37) 76.2%, oklch(60.80% 0.1284 72.63) 77.8%, oklch(61.18% 0.1285 74.42) 79.4%, oklch(61.88% 0.1281 76.65) 81.0%, oklch(62.83% 0.1272 79.26) 82.5%, oklch(63.99% 0.1260 82.15) 84.1%, oklch(65.32% 0.1245 85.26) 85.7%, oklch(66.77% 0.1228 88.50) 87.3%, oklch(68.28% 0.1209 91.79) 88.9%, oklch(69.82% 0.1190 95.07) 90.5%, oklch(71.33% 0.1171 98.24) 92.1%, oklch(72.76% 0.1152 101.24) 93.7%, oklch(74.07% 0.1135 103.99) 95.2%, oklch(75.20% 0.1121 106.40) 96.8%, oklch(76.12% 0.1110 108.40) 98.4%, oklch(76.77% 0.1102 109.91) 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
