Xanh dương, nâu vàng, đen và nâu (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #0e8590, #429ec4, #decb99, #2c3026, #f2791c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #0e8590
- #048493
- #008397
- #00819d
- #007ea3
- #027cab
- #1879b1
- #2776b6
- #3274ba
- #3a74be
- #3e77c1
- #3e7cc4
- #3c84c5
- #3b90c6
- #429ec4
- #53abc1
- #6bb8be
- #87c3bc
- #a2ccbe
- #b9d4c3
- #cbdbca
- #d7dfd1
- #dde2d5
- #e0e3d4
- #e0e2cf
- #e0dfc5
- #e0dab9
- #dfd3aa
- #decb99
- #dcc287
- #d9b876
- #d3ae65
- #cca456
- #c39a4b
- #b59042
- #a2843b
- #8b7637
- #746833
- #5d5931
- #494a2e
- #393c2a
- #2c3026
- #242621
- #1f201e
- #1d1e1c
- #1e201b
- #24271c
- #2f311c
- #3f3d1a
- #554a14
- #705606
- #8d6200
- #ab6c00
- #c87300
- #e17606
- #f2791c
CSS
background: linear-gradient(135deg in oklch, oklch(56.30% 0.0937 205.31) 0.0%, oklch(56.27% 0.0961 208.58) 1.8%, oklch(56.07% 0.0984 213.62) 3.6%, oklch(55.78% 0.1015 219.91) 5.5%, oklch(55.45% 0.1070 226.94) 7.3%, oklch(55.16% 0.1152 234.18) 9.1%, oklch(54.97% 0.1203 241.16) 10.9%, oklch(54.95% 0.1248 247.35) 12.7%, oklch(55.16% 0.1283 252.23) 14.5%, oklch(55.67% 0.1302 255.30) 16.4%, oklch(56.56% 0.1303 256.03) 18.2%, oklch(57.87% 0.1281 253.92) 20.0%, oklch(59.87% 0.1228 248.49) 21.8%, oklch(62.63% 0.1142 239.97) 23.6%, oklch(65.96% 0.1031 228.98) 25.5%, oklch(69.67% 0.0903 216.12) 27.3%, oklch(73.57% 0.0765 201.97) 29.1%, oklch(77.49% 0.0626 187.16) 30.9%, oklch(81.22% 0.0493 172.26) 32.7%, oklch(84.57% 0.0374 157.90) 34.5%, oklch(87.38% 0.0277 144.65) 36.4%, oklch(89.43% 0.0209 133.13) 38.2%, oklch(90.55% 0.0179 123.94) 40.0%, oklch(90.83% 0.0194 116.47) 41.8%, oklch(90.54% 0.0249 109.72) 43.6%, oklch(89.72% 0.0335 103.69) 45.5%, oklch(88.42% 0.0444 98.38) 47.3%, oklch(86.72% 0.0567 93.80) 49.1%, oklch(84.65% 0.0694 89.94) 50.9%, oklch(82.29% 0.0817 86.82) 52.7%, oklch(79.67% 0.0927 84.43) 54.5%, oklch(76.85% 0.1015 82.77) 56.4%, oklch(73.90% 0.1072 81.85) 58.2%, oklch(70.87% 0.1089 81.67) 60.0%, oklch(67.23% 0.1057 83.03) 61.8%, oklch(62.62% 0.0980 86.40) 63.6%, oklch(57.32% 0.0870 91.30) 65.5%, oklch(51.61% 0.0736 97.25) 67.3%, oklch(45.76% 0.0590 103.77) 69.1%, oklch(40.04% 0.0441 110.39) 70.9%, oklch(34.74% 0.0302 116.63) 72.7%, oklch(30.13% 0.0181 122.01) 74.5%, oklch(26.49% 0.0090 126.04) 76.4%, oklch(24.10% 0.0040 128.25) 78.2%, oklch(23.23% 0.0041 128.17) 80.0%, oklch(24.14% 0.0100 125.51) 81.8%, oklch(26.68% 0.0207 120.62) 83.6%, oklch(30.55% 0.0355 113.96) 85.5%, oklch(35.41% 0.0532 105.98) 87.3%, oklch(40.95% 0.0728 97.12) 89.1%, oklch(46.85% 0.0934 87.84) 90.9%, oklch(52.78% 0.1098 78.57) 92.7%, oklch(58.43% 0.1267 69.82) 94.5%, oklch(63.48% 0.1461 62.01) 96.4%, oklch(67.60% 0.1649 55.61) 98.2%, oklch(70.47% 0.1750 51.03) 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
