Xanh hải quân, xám, cam và nâu vàng (gradient tuyến tính)
Gradient tuyến tính, 80 màu, góc 30°: #1e2d36, #57765f, #a7742a, #d06a39, #e2b860. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #1e2d36
- #1f2f38
- #20313a
- #21333c
- #22363e
- #243941
- #253d43
- #274046
- #2a4449
- #2c484c
- #2f4c4e
- #315151
- #355553
- #385956
- #3c5e58
- #40625a
- #44665b
- #486b5d
- #4d6f5e
- #52735f
- #57765f
- #5c7960
- #617d60
- #667f5f
- #6b825f
- #70845e
- #74855c
- #78865b
- #7c8759
- #808756
- #848753
- #88874f
- #8c864b
- #8f8547
- #938343
- #97813e
- #9a7f3a
- #9e7d36
- #a17a31
- #a4772e
- #a7742a
- #aa7127
- #ad6f25
- #b06c24
- #b26923
- #b46623
- #b66424
- #b86225
- #ba6027
- #bc5e29
- #be5d2b
- #c05c2d
- #c25c2f
- #c45d32
- #c65e33
- #c85f35
- #ca6136
- #cc6437
- #ce6638
- #d06a39
- #d26d39
- #d4713a
- #d6753a
- #d77a3b
- #d97e3c
- #da833d
- #dc873e
- #dd8c40
- #de9142
- #df9645
- #df9a47
- #e09f4a
- #e0a34d
- #e0a750
- #e1ab53
- #e1ae56
- #e1b159
- #e1b45c
- #e2b65e
- #e2b860
CSS
background: linear-gradient(30deg in oklch, oklch(28.74% 0.0262 235.55) 0.0%, oklch(29.39% 0.0269 233.29) 1.3%, oklch(30.16% 0.0277 230.69) 2.5%, oklch(31.04% 0.0285 227.79) 3.8%, oklch(32.03% 0.0294 224.60) 5.1%, oklch(33.11% 0.0303 221.14) 6.3%, oklch(34.27% 0.0313 217.44) 7.6%, oklch(35.50% 0.0323 213.52) 8.9%, oklch(36.80% 0.0334 209.40) 10.1%, oklch(38.14% 0.0345 205.11) 11.4%, oklch(39.53% 0.0357 200.66) 12.7%, oklch(40.95% 0.0369 196.08) 13.9%, oklch(42.40% 0.0382 191.39) 15.2%, oklch(43.85% 0.0396 186.62) 16.5%, oklch(45.31% 0.0410 181.78) 17.7%, oklch(46.76% 0.0424 176.90) 19.0%, oklch(48.19% 0.0440 172.00) 20.3%, oklch(49.59% 0.0455 167.10) 21.5%, oklch(50.95% 0.0472 162.23) 22.8%, oklch(52.26% 0.0489 157.41) 24.1%, oklch(53.52% 0.0507 152.66) 25.3%, oklch(54.70% 0.0525 148.00) 26.6%, oklch(55.81% 0.0544 143.46) 27.8%, oklch(56.83% 0.0564 139.05) 29.1%, oklch(57.75% 0.0584 134.80) 30.4%, oklch(58.56% 0.0605 130.74) 31.6%, oklch(59.25% 0.0626 126.88) 32.9%, oklch(59.81% 0.0649 123.17) 34.2%, oklch(60.26% 0.0675 119.39) 35.4%, oklch(60.61% 0.0702 115.53) 36.7%, oklch(60.86% 0.0732 111.61) 38.0%, oklch(61.02% 0.0764 107.64) 39.2%, oklch(61.10% 0.0797 103.64) 40.5%, oklch(61.12% 0.0831 99.63) 41.8%, oklch(61.07% 0.0867 95.63) 43.0%, oklch(60.97% 0.0904 91.64) 44.3%, oklch(60.82% 0.0941 87.69) 45.6%, oklch(60.63% 0.0979 83.80) 46.8%, oklch(60.42% 0.1017 79.97) 48.1%, oklch(60.19% 0.1054 76.23) 49.4%, oklch(59.94% 0.1092 72.59) 50.6%, oklch(59.69% 0.1129 69.06) 51.9%, oklch(59.45% 0.1165 65.67) 53.2%, oklch(59.22% 0.1199 62.43) 54.4%, oklch(59.02% 0.1233 59.36) 55.7%, oklch(58.85% 0.1265 56.47) 57.0%, oklch(58.71% 0.1295 53.79) 58.2%, oklch(58.62% 0.1324 51.31) 59.5%, oklch(58.59% 0.1350 49.07) 60.8%, oklch(58.63% 0.1373 47.08) 62.0%, oklch(58.74% 0.1394 45.35) 63.3%, oklch(58.93% 0.1411 43.90) 64.6%, oklch(59.21% 0.1425 42.75) 65.8%, oklch(59.59% 0.1436 41.92) 67.1%, oklch(60.05% 0.1444 41.48) 68.4%, oklch(60.60% 0.1448 41.43) 69.6%, oklch(61.23% 0.1449 41.74) 70.9%, oklch(61.92% 0.1448 42.37) 72.2%, oklch(62.67% 0.1444 43.32) 73.4%, oklch(63.48% 0.1438 44.53) 74.7%, oklch(64.33% 0.1430 46.00) 75.9%, oklch(65.22% 0.1420 47.69) 77.2%, oklch(66.15% 0.1408 49.57) 78.5%, oklch(67.10% 0.1395 51.62) 79.7%, oklch(68.07% 0.1381 53.80) 81.0%, oklch(69.06% 0.1365 56.10) 82.3%, oklch(70.05% 0.1349 58.48) 83.5%, oklch(71.04% 0.1333 60.92) 84.8%, oklch(72.02% 0.1316 63.38) 86.1%, oklch(72.98% 0.1299 65.84) 87.3%, oklch(73.93% 0.1282 68.28) 88.6%, oklch(74.84% 0.1266 70.66) 89.9%, oklch(75.72% 0.1250 72.96) 91.1%, oklch(76.56% 0.1234 75.15) 92.4%, oklch(77.35% 0.1220 77.20) 93.7%, oklch(78.08% 0.1207 79.09) 94.9%, oklch(78.75% 0.1195 80.78) 96.2%, oklch(79.35% 0.1185 82.26) 97.5%, oklch(79.87% 0.1177 83.48) 98.7%, oklch(80.31% 0.1171 84.43) 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
