Nâu, đỏ, xanh cổ vịt và xanh lá (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #a4965c, #a93e2c, #248789, #f2d39b, #194c62. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #a4965c
- #a59457
- #a79052
- #a98b4b
- #ab8544
- #ad7e3e
- #af7639
- #b16f35
- #b26734
- #b25f34
- #b25736
- #b15037
- #af4a39
- #ae4539
- #ac4137
- #ab3f33
- #a93e2c
- #a73f20
- #a44305
- #994d00
- #8e5500
- #845c00
- #796200
- #6c6900
- #5a700c
- #46752f
- #307945
- #1a7c58
- #037e68
- #008074
- #0b817d
- #198484
- #248789
- #2e8c8c
- #39928f
- #459a90
- #54a290
- #65aa8f
- #78b28d
- #8cba8c
- #a1c08b
- #b5c68b
- #c7ca8c
- #d7ce90
- #e3d094
- #ecd297
- #f2d39a
- #f2d39b
- #eed199
- #e6cd95
- #d9c98f
- #cac289
- #b7bb83
- #a2b37e
- #8ba97b
- #759f79
- #5f9377
- #4b8876
- #397b74
- #2c7071
- #22656d
- #1d5b69
- #1a5266
- #194c62
CSS
background: linear-gradient(135deg in oklch, oklch(67.32% 0.0799 96.33) 0.0%, oklch(66.71% 0.0825 93.56) 1.6%, oklch(65.90% 0.0859 89.55) 3.2%, oklch(64.94% 0.0900 84.54) 4.8%, oklch(63.85% 0.0947 78.75) 6.3%, oklch(62.66% 0.0999 72.41) 7.9%, oklch(61.40% 0.1053 65.76) 9.5%, oklch(60.09% 0.1109 59.00) 11.1%, oklch(58.77% 0.1165 52.39) 12.7%, oklch(57.46% 0.1220 46.13) 14.3%, oklch(56.19% 0.1272 40.47) 15.9%, oklch(55.00% 0.1320 35.63) 17.5%, oklch(53.90% 0.1362 31.83) 19.0%, oklch(52.94% 0.1398 29.31) 20.6%, oklch(52.13% 0.1425 28.29) 22.2%, oklch(51.51% 0.1441 29.00) 23.8%, oklch(51.10% 0.1447 31.70) 25.4%, oklch(50.80% 0.1441 37.01) 27.0%, oklch(50.57% 0.1426 44.82) 28.6%, oklch(50.41% 0.1253 54.71) 30.2%, oklch(50.33% 0.1118 66.36) 31.7%, oklch(50.34% 0.1045 79.34) 33.3%, oklch(50.43% 0.1033 93.27) 34.9%, oklch(50.60% 0.1089 107.73) 36.5%, oklch(50.88% 0.1191 122.33) 38.1%, oklch(51.25% 0.1141 136.68) 39.7%, oklch(51.72% 0.1092 150.39) 41.3%, oklch(52.29% 0.1044 163.06) 42.9%, oklch(52.98% 0.0998 174.30) 44.4%, oklch(53.78% 0.0954 183.72) 46.0%, oklch(54.70% 0.0922 190.93) 47.6%, oklch(55.73% 0.0893 195.52) 49.2%, oklch(56.95% 0.0872 197.12) 50.8%, oklch(58.60% 0.0855 195.62) 52.4%, oklch(60.66% 0.0842 191.43) 54.0%, oklch(63.06% 0.0832 184.94) 55.6%, oklch(65.71% 0.0825 176.60) 57.1%, oklch(68.52% 0.0820 166.80) 58.7%, oklch(71.42% 0.0817 155.98) 60.3%, oklch(74.32% 0.0815 144.54) 61.9%, oklch(77.15% 0.0814 132.92) 63.5%, oklch(79.81% 0.0814 121.52) 65.1%, oklch(82.24% 0.0814 110.77) 66.7%, oklch(84.34% 0.0814 101.08) 68.3%, oklch(86.04% 0.0813 92.88) 69.8%, oklch(87.26% 0.0810 86.58) 71.4%, oklch(87.91% 0.0807 82.60) 73.0%, oklch(87.91% 0.0801 81.37) 74.6%, oklch(87.16% 0.0793 83.08) 76.2%, oklch(85.66% 0.0785 87.31) 77.8%, oklch(83.48% 0.0775 93.71) 79.4%, oklch(80.74% 0.0765 101.97) 81.0%, oklch(77.53% 0.0754 111.77) 82.5%, oklch(73.95% 0.0743 122.80) 84.1%, oklch(70.09% 0.0731 134.73) 85.7%, oklch(66.06% 0.0720 147.24) 87.3%, oklch(61.96% 0.0708 160.04) 88.9%, oklch(57.87% 0.0697 172.78) 90.5%, oklch(53.91% 0.0687 185.17) 92.1%, oklch(50.17% 0.0677 196.87) 93.7%, oklch(46.75% 0.0668 207.57) 95.2%, oklch(43.74% 0.0660 216.97) 96.8%, oklch(41.25% 0.0653 224.73) 98.4%, oklch(39.37% 0.0648 230.54) 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
