Xanh cổ vịt, xanh dương và xanh lá (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #30545c, #2c4466, #37386b, #005c6d, #547349. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #30545c
- #30535c
- #2f535c
- #2e525d
- #2d525e
- #2c515e
- #2b505f
- #2a4f60
- #294e61
- #294d61
- #294c62
- #294b63
- #294a64
- #294864
- #2a4765
- #2b4566
- #2c4466
- #2d4267
- #2e4167
- #303f67
- #313e67
- #323d67
- #343b68
- #353a68
- #363968
- #373868
- #373868
- #383768
- #383769
- #383769
- #38376a
- #38376a
- #37386b
- #36396c
- #353a6e
- #333c6f
- #313e70
- #2e4072
- #2b4273
- #274574
- #224874
- #1d4b75
- #164e75
- #0e5174
- #045473
- #005771
- #005a6f
- #005c6d
- #005f6b
- #006268
- #006466
- #006764
- #0d6961
- #186a5e
- #226c5b
- #2a6d58
- #316f55
- #387053
- #3e7050
- #44714e
- #49724d
- #4d724b
- #51734a
- #547349
CSS
background: linear-gradient(225deg in oklch, oklch(42.13% 0.0427 213.75) 0.0%, oklch(42.02% 0.0435 214.99) 1.6%, oklch(41.89% 0.0444 216.56) 3.2%, oklch(41.73% 0.0454 218.42) 4.8%, oklch(41.55% 0.0466 220.55) 6.3%, oklch(41.34% 0.0479 222.93) 7.9%, oklch(41.11% 0.0492 225.51) 9.5%, oklch(40.87% 0.0507 228.29) 11.1%, oklch(40.61% 0.0522 231.23) 12.7%, oklch(40.34% 0.0538 234.31) 14.3%, oklch(40.07% 0.0554 237.49) 15.9%, oklch(39.78% 0.0572 240.75) 17.5%, oklch(39.49% 0.0589 244.07) 19.0%, oklch(39.20% 0.0607 247.42) 20.6%, oklch(38.91% 0.0625 250.77) 22.2%, oklch(38.62% 0.0643 254.09) 23.8%, oklch(38.34% 0.0661 257.36) 25.4%, oklch(38.07% 0.0679 260.55) 27.0%, oklch(37.81% 0.0696 263.64) 28.6%, oklch(37.56% 0.0714 266.59) 30.2%, oklch(37.32% 0.0731 269.38) 31.7%, oklch(37.11% 0.0748 271.99) 33.3%, oklch(36.92% 0.0764 274.38) 34.9%, oklch(36.75% 0.0779 276.54) 36.5%, oklch(36.60% 0.0794 278.42) 38.1%, oklch(36.49% 0.0807 280.02) 39.7%, oklch(36.40% 0.0820 281.29) 41.3%, oklch(36.35% 0.0832 282.22) 42.9%, oklch(36.34% 0.0842 282.77) 44.4%, oklch(36.37% 0.0851 282.93) 46.0%, oklch(36.43% 0.0859 282.65) 47.6%, oklch(36.54% 0.0866 281.92) 49.2%, oklch(36.70% 0.0870 280.71) 50.8%, oklch(36.91% 0.0874 278.95) 52.4%, oklch(37.18% 0.0876 276.67) 54.0%, oklch(37.49% 0.0877 273.90) 55.6%, oklch(37.85% 0.0878 270.69) 57.1%, oklch(38.25% 0.0877 267.05) 58.7%, oklch(38.69% 0.0875 263.03) 60.3%, oklch(39.16% 0.0872 258.67) 61.9%, oklch(39.66% 0.0869 253.98) 63.5%, oklch(40.20% 0.0865 249.02) 65.1%, oklch(40.76% 0.0860 243.81) 66.7%, oklch(41.33% 0.0855 238.38) 68.3%, oklch(41.93% 0.0849 232.78) 69.8%, oklch(42.55% 0.0822 227.07) 71.4%, oklch(43.17% 0.0793 221.21) 73.0%, oklch(43.79% 0.0775 215.27) 74.6%, oklch(44.43% 0.0767 209.28) 76.2%, oklch(45.06% 0.0768 203.29) 77.8%, oklch(45.69% 0.0777 197.32) 79.4%, oklch(46.31% 0.0796 191.42) 81.0%, oklch(46.91% 0.0791 185.61) 82.5%, oklch(47.51% 0.0784 179.93) 84.1%, oklch(48.09% 0.0777 174.41) 85.7%, oklch(48.65% 0.0769 169.09) 87.3%, oklch(49.19% 0.0763 164.00) 88.9%, oklch(49.70% 0.0756 159.17) 90.5%, oklch(50.17% 0.0751 154.64) 92.1%, oklch(50.61% 0.0745 150.45) 93.7%, oklch(51.02% 0.0740 146.62) 95.2%, oklch(51.38% 0.0736 143.19) 96.8%, oklch(51.70% 0.0733 140.19) 98.4%, oklch(51.97% 0.0730 137.66) 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
