Xanh hải quân, xanh cổ vịt và xanh lá (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #1c4044, #0b2132, #0a1831, #026c69, #bcbf67. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #1c4044
- #1b3f44
- #1a3e43
- #193c42
- #173a41
- #163840
- #14363f
- #13343e
- #11313c
- #102e3b
- #0e2c39
- #0d2937
- #0c2636
- #0b2434
- #0b2132
- #0a1f30
- #0a1c2f
- #0a1a2d
- #09182c
- #09172b
- #09152a
- #09142a
- #091329
- #091329
- #09132a
- #0a142b
- #0a152c
- #0a162e
- #0a1831
- #0b1b34
- #0a1e38
- #0a233d
- #092842
- #072d47
- #04344c
- #013b51
- #004256
- #004a5a
- #00525f
- #005a63
- #006366
- #026c69
- #14756b
- #237d6c
- #32866d
- #418d6d
- #4f956c
- #5e9c6b
- #6da26a
- #7ba869
- #88ad68
- #95b267
- #a1b667
- #abba66
- #b5bd67
- #bcbf67
CSS
background: linear-gradient(135deg in oklch, oklch(34.65% 0.0413 205.31) 0.0%, oklch(34.33% 0.0415 206.56) 1.8%, oklch(33.90% 0.0417 208.19) 3.6%, oklch(33.36% 0.0418 210.18) 5.5%, oklch(32.73% 0.0419 212.47) 7.3%, oklch(32.02% 0.0420 215.04) 9.1%, oklch(31.23% 0.0421 217.85) 10.9%, oklch(30.39% 0.0422 220.86) 12.7%, oklch(29.51% 0.0423 224.02) 14.5%, oklch(28.59% 0.0424 227.30) 16.4%, oklch(27.65% 0.0425 230.67) 18.2%, oklch(26.71% 0.0426 234.07) 20.0%, oklch(25.76% 0.0428 237.49) 21.8%, oklch(24.84% 0.0430 240.87) 23.6%, oklch(23.94% 0.0432 244.17) 25.5%, oklch(23.09% 0.0435 247.37) 27.3%, oklch(22.29% 0.0438 250.42) 29.1%, oklch(21.55% 0.0441 253.28) 30.9%, oklch(20.89% 0.0446 255.92) 32.7%, oklch(20.32% 0.0450 258.29) 34.5%, oklch(19.86% 0.0456 260.36) 36.4%, oklch(19.51% 0.0462 262.09) 38.2%, oklch(19.28% 0.0469 263.44) 40.0%, oklch(19.20% 0.0477 264.38) 41.8%, oklch(19.26% 0.0485 264.85) 43.6%, oklch(19.49% 0.0495 264.84) 45.5%, oklch(19.90% 0.0506 264.29) 47.3%, oklch(20.49% 0.0517 263.16) 49.1%, oklch(21.30% 0.0530 261.42) 50.9%, oklch(22.35% 0.0545 258.96) 52.7%, oklch(23.63% 0.0562 255.83) 54.5%, oklch(25.13% 0.0580 252.08) 56.4%, oklch(26.84% 0.0600 247.75) 58.2%, oklch(28.72% 0.0621 242.90) 60.0%, oklch(30.77% 0.0643 237.58) 61.8%, oklch(32.96% 0.0666 231.85) 63.6%, oklch(35.28% 0.0673 225.82) 65.5%, oklch(37.70% 0.0684 219.39) 67.3%, oklch(40.21% 0.0703 212.71) 69.1%, oklch(42.79% 0.0732 205.83) 70.9%, oklch(45.42% 0.0772 198.79) 72.7%, oklch(48.08% 0.0820 191.65) 74.5%, oklch(50.75% 0.0847 184.47) 76.4%, oklch(53.42% 0.0873 177.29) 78.2%, oklch(56.07% 0.0899 170.16) 80.0%, oklch(58.68% 0.0924 163.14) 81.8%, oklch(61.22% 0.0949 156.28) 83.6%, oklch(63.69% 0.0973 149.62) 85.5%, oklch(66.06% 0.0996 143.23) 87.3%, oklch(68.31% 0.1017 137.15) 89.1%, oklch(70.43% 0.1038 131.44) 90.9%, oklch(72.39% 0.1057 126.15) 92.7%, oklch(74.19% 0.1075 121.33) 94.5%, oklch(75.79% 0.1090 117.03) 96.4%, oklch(77.18% 0.1104 113.30) 98.2%, oklch(78.35% 0.1116 110.20) 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
