Xanh hải quân sang tím (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 120°: #061a3c, #12214e, #262b67, #3c347e, #4d3b8f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
2 keyframe OKLCH chỉnh sửa được.
- #061a3c
- #071a3d
- #071a3e
- #081b3f
- #081b3f
- #091b40
- #0a1c41
- #0a1c42
- #0b1d43
- #0c1d45
- #0d1e46
- #0d1e47
- #0e1f48
- #0f1f49
- #10204b
- #11204c
- #12214e
- #13224f
- #142250
- #162352
- #172353
- #182455
- #192557
- #1a2558
- #1c265a
- #1d275b
- #1e275d
- #1f285f
- #212960
- #222962
- #242a64
- #252b65
- #262b67
- #282c69
- #292d6a
- #2b2d6c
- #2c2e6e
- #2d2f6f
- #2f2f71
- #303072
- #323074
- #333176
- #353277
- #363279
- #38337a
- #39337c
- #3a347d
- #3c347e
- #3d3580
- #3e3581
- #403682
- #413684
- #423785
- #433786
- #453887
- #463888
- #473889
- #48398a
- #49398b
- #4a398c
- #4b3a8d
- #4b3a8d
- #4c3a8e
- #4d3b8f
CSS
background: linear-gradient(120deg in oklch, oklch(22.44% 0.0717 260.86) 0.0%, oklch(22.60% 0.0722 261.10) 1.6%, oklch(22.78% 0.0727 261.35) 3.2%, oklch(22.96% 0.0733 261.63) 4.8%, oklch(23.17% 0.0740 261.93) 6.3%, oklch(23.38% 0.0747 262.25) 7.9%, oklch(23.61% 0.0754 262.58) 9.5%, oklch(23.84% 0.0762 262.93) 11.1%, oklch(24.09% 0.0770 263.30) 12.7%, oklch(24.35% 0.0778 263.69) 14.3%, oklch(24.62% 0.0787 264.09) 15.9%, oklch(24.90% 0.0796 264.50) 17.5%, oklch(25.19% 0.0805 264.93) 19.0%, oklch(25.49% 0.0815 265.37) 20.6%, oklch(25.80% 0.0825 265.83) 22.2%, oklch(26.12% 0.0835 266.30) 23.8%, oklch(26.44% 0.0845 266.78) 25.4%, oklch(26.77% 0.0856 267.26) 27.0%, oklch(27.11% 0.0867 267.76) 28.6%, oklch(27.45% 0.0878 268.27) 30.2%, oklch(27.80% 0.0889 268.79) 31.7%, oklch(28.16% 0.0900 269.31) 33.3%, oklch(28.52% 0.0912 269.85) 34.9%, oklch(28.88% 0.0924 270.38) 36.5%, oklch(29.25% 0.0935 270.93) 38.1%, oklch(29.62% 0.0947 271.48) 39.7%, oklch(29.99% 0.0959 272.03) 41.3%, oklch(30.37% 0.0971 272.59) 42.9%, oklch(30.75% 0.0984 273.15) 44.4%, oklch(31.13% 0.0996 273.71) 46.0%, oklch(31.51% 0.1008 274.28) 47.6%, oklch(31.90% 0.1020 274.84) 49.2%, oklch(32.28% 0.1033 275.41) 50.8%, oklch(32.66% 0.1045 275.97) 52.4%, oklch(33.04% 0.1057 276.54) 54.0%, oklch(33.42% 0.1070 277.10) 55.6%, oklch(33.80% 0.1082 277.66) 57.1%, oklch(34.18% 0.1094 278.22) 58.7%, oklch(34.55% 0.1106 278.77) 60.3%, oklch(34.92% 0.1118 279.32) 61.9%, oklch(35.29% 0.1130 279.87) 63.5%, oklch(35.66% 0.1141 280.41) 65.1%, oklch(36.02% 0.1153 280.94) 66.7%, oklch(36.37% 0.1164 281.46) 68.3%, oklch(36.72% 0.1176 281.98) 69.8%, oklch(37.06% 0.1187 282.49) 71.4%, oklch(37.40% 0.1197 282.99) 73.0%, oklch(37.73% 0.1208 283.48) 74.6%, oklch(38.06% 0.1218 283.95) 76.2%, oklch(38.37% 0.1229 284.42) 77.8%, oklch(38.68% 0.1238 284.88) 79.4%, oklch(38.98% 0.1248 285.32) 81.0%, oklch(39.27% 0.1257 285.75) 82.5%, oklch(39.55% 0.1266 286.16) 84.1%, oklch(39.82% 0.1275 286.56) 85.7%, oklch(40.08% 0.1284 286.95) 87.3%, oklch(40.33% 0.1292 287.32) 88.9%, oklch(40.57% 0.1299 287.67) 90.5%, oklch(40.79% 0.1306 288.00) 92.1%, oklch(41.01% 0.1313 288.32) 93.7%, oklch(41.21% 0.1320 288.62) 95.2%, oklch(41.40% 0.1326 288.90) 96.8%, oklch(41.57% 0.1331 289.15) 98.4%, oklch(41.73% 0.1337 289.39) 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
