Xanh hải quân sang xanh dương (đơn sắc) tông rực rỡ (gradient tuyến tính)

Xanh hải quân sang xanh dương (đơn sắc) tông rực rỡ: bảng màu gồm 40 màu. #111a51, #0422a9, #0b61bb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 3 keyframe OKLCH chỉnh sửa được.

#111a51
#111b54
#111b57
#111b5a
#111b5e
#111b62
#101b67
#101b6b
#101a71
#101a76
#0f1a7b
#0f1a81
#0e1986
#0e198b
#0d1991
#0c1a96
#0b1b9a
#091c9f
#081da3
#061fa6
#0422a9
#0125ab
#002aab
#0030a9
#0035a9
#0039a9
#003daa
#0041ab
#0045ad
#0048ae
#004bb0
#004eb2
#0051b4
#0054b6
#0057b7
#0059b9
#015cba
#055eba
#0860bb
#0b61bb

CSS

background: linear-gradient(135deg in oklch, oklch(25.20% 0.1006 270.00) 0.0%, oklch(25.49% 0.1039 269.86) 2.6%, oklch(25.83% 0.1080 269.70) 5.1%, oklch(26.21% 0.1129 269.52) 7.7%, oklch(26.63% 0.1185 269.33) 10.3%, oklch(27.08% 0.1247 269.12) 12.8%, oklch(27.57% 0.1313 268.90) 15.4%, oklch(28.08% 0.1382 268.67) 17.9%, oklch(28.62% 0.1453 268.42) 20.5%, oklch(29.19% 0.1526 268.16) 23.1%, oklch(29.77% 0.1599 267.88) 25.6%, oklch(30.38% 0.1672 267.60) 28.2%, oklch(31.00% 0.1742 267.30) 30.8%, oklch(31.63% 0.1809 266.99) 33.3%, oklch(32.27% 0.1872 266.66) 35.9%, oklch(32.91% 0.1929 266.33) 38.5%, oklch(33.56% 0.1980 265.99) 41.0%, oklch(34.22% 0.2024 265.64) 43.6%, oklch(34.86% 0.2060 265.28) 46.2%, oklch(35.51% 0.2086 264.90) 48.7%, oklch(36.15% 0.2101 264.52) 51.3%, oklch(36.84% 0.2107 264.10) 53.8%, oklch(37.58% 0.2054 263.68) 56.4%, oklch(38.35% 0.1969 263.18) 59.0%, oklch(39.15% 0.1910 262.65) 61.5%, oklch(39.98% 0.1864 262.11) 64.1%, oklch(40.82% 0.1827 261.54) 66.7%, oklch(41.67% 0.1797 260.97) 69.2%, oklch(42.52% 0.1772 260.39) 71.8%, oklch(43.37% 0.1751 259.81) 74.4%, oklch(44.21% 0.1733 259.23) 76.9%, oklch(45.03% 0.1718 258.67) 79.5%, oklch(45.82% 0.1705 258.12) 82.1%, oklch(46.57% 0.1694 257.60) 84.6%, oklch(47.29% 0.1685 257.10) 87.2%, oklch(47.96% 0.1678 256.64) 89.7%, oklch(48.56% 0.1663 256.19) 92.3%, oklch(49.11% 0.1636 255.81) 94.9%, oklch(49.60% 0.1614 255.48) 97.4%, oklch(50.00% 0.1598 255.21) 100.0%);

Trong các bộ sưu tập này

Gradient UI chế độ tối

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động