Chuyển đến nội dung

Bảng màu Grabient

Xanh hải quân, cam, nâu và đen (sọc màu hình nón)

Bảng màu Xanh hải quân, cam, nâu và đen

Sọc màu hình nón, 80 màu, góc 235°: #08154a, #223ab4, #d4a22e, #6d4217, #18100a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

  • #08154a
  • #08164d
  • #071750
  • #061954
  • #041a58
  • #011c5c
  • #001f5d
  • #00235c
  • #00275d
  • #002a5e
  • #002d60
  • #003063
  • #003367
  • #00366b
  • #003970
  • #003c77
  • #003e7f
  • #003f8b
  • #003e9b
  • #0a3aaf
  • #223ab4
  • #353bb9
  • #483bbc
  • #5b3cbe
  • #6e3cbd
  • #813dba
  • #943fb4
  • #a741aa
  • #b8449f
  • #c74891
  • #d44f82
  • #de5772
  • #e66063
  • #ea6b53
  • #eb7645
  • #ea8138
  • #e88b2f
  • #e39329
  • #de9a29
  • #d99f2b
  • #d4a22e
  • #cfa331
  • #c9a233
  • #c4a034
  • #bf9d33
  • #ba9932
  • #b69330
  • #b18d2e
  • #ac872b
  • #a68028
  • #a17926
  • #9b7223
  • #966a21
  • #90631e
  • #8a5c1d
  • #84561b
  • #7e501a
  • #784b19
  • #724617
  • #6d4217
  • #683e16
  • #623b15
  • #5d3815
  • #583414
  • #533113
  • #4e2e13
  • #482b12
  • #432811
  • #3f2611
  • #3a2310
  • #35200f
  • #311e0f
  • #2d1c0e
  • #291a0d
  • #25180d
  • #22160c
  • #1f140b
  • #1c130b
  • #1a110a
  • #18100a

CSS

background: conic-gradient(from 235deg, oklch(22.83% 0.0992 266.48) 0.000% 1.250%, oklch(23.34% 0.1020 266.27) 1.250% 2.500%, oklch(23.91% 0.1055 265.68) 2.500% 3.750%, oklch(24.54% 0.1098 264.77) 3.750% 5.000%, oklch(25.23% 0.1146 263.62) 5.000% 6.250%, oklch(25.96% 0.1198 262.29) 6.250% 7.500%, oklch(26.77% 0.1155 260.98) 7.500% 8.750%, oklch(27.61% 0.1097 259.49) 8.750% 10.000%, oklch(28.49% 0.1057 258.04) 10.000% 11.250%, oklch(29.42% 0.1031 256.68) 11.250% 12.500%, oklch(30.40% 0.1018 255.48) 12.500% 13.750%, oklch(31.42% 0.1018 254.52) 13.750% 15.000%, oklch(32.47% 0.1029 253.86) 15.000% 16.250%, oklch(33.56% 0.1054 253.57) 16.250% 17.500%, oklch(34.69% 0.1094 253.72) 17.500% 18.750%, oklch(35.85% 0.1156 254.38) 18.750% 20.000%, oklch(37.04% 0.1247 255.61) 20.000% 21.250%, oklch(38.26% 0.1385 257.48) 21.250% 22.500%, oklch(39.50% 0.1617 260.07) 22.500% 23.750%, oklch(40.77% 0.1919 263.40) 23.750% 25.000%, oklch(42.06% 0.1931 267.64) 25.000% 26.250%, oklch(43.52% 0.1936 273.08) 26.250% 27.500%, oklch(45.18% 0.1934 279.75) 27.500% 28.750%, oklch(47.01% 0.1926 287.49) 28.750% 30.000%, oklch(48.97% 0.1912 296.16) 30.000% 31.250%, oklch(51.03% 0.1893 305.62) 31.250% 32.500%, oklch(53.17% 0.1869 315.72) 32.500% 33.750%, oklch(55.35% 0.1842 326.32) 33.750% 35.000%, oklch(57.55% 0.1811 337.27) 35.000% 36.250%, oklch(59.73% 0.1777 348.43) 36.250% 37.500%, oklch(61.87% 0.1741 359.66) 37.500% 38.750%, oklch(63.92% 0.1704 10.80) 38.750% 40.000%, oklch(65.87% 0.1665 21.72) 40.000% 41.250%, oklch(67.69% 0.1625 32.28) 41.250% 42.500%, oklch(69.33% 0.1586 42.32) 42.500% 43.750%, oklch(70.78% 0.1547 51.70) 43.750% 45.000%, oklch(71.99% 0.1508 60.28) 45.000% 46.250%, oklch(72.95% 0.1472 67.91) 46.250% 47.500%, oklch(73.62% 0.1438 74.45) 47.500% 48.750%, oklch(73.97% 0.1406 79.76) 48.750% 50.000%, oklch(73.97% 0.1378 83.74) 50.000% 51.250%, oklch(73.63% 0.1349 86.67) 51.250% 52.500%, oklch(72.99% 0.1321 88.68) 52.500% 53.750%, oklch(72.06% 0.1292 89.86) 53.750% 55.000%, oklch(70.87% 0.1264 90.27) 55.000% 56.250%, oklch(69.46% 0.1235 90.01) 56.250% 57.500%, oklch(67.86% 0.1206 89.16) 57.500% 58.750%, oklch(66.09% 0.1177 87.80) 58.750% 60.000%, oklch(64.17% 0.1148 86.02) 60.000% 61.250%, oklch(62.15% 0.1119 83.90) 61.250% 62.500%, oklch(60.04% 0.1090 81.51) 62.500% 63.750%, oklch(57.88% 0.1061 78.95) 63.750% 65.000%, oklch(55.70% 0.1031 76.29) 65.000% 66.250%, oklch(53.52% 0.1002 73.62) 66.250% 67.500%, oklch(51.37% 0.0972 71.02) 67.500% 68.750%, oklch(49.28% 0.0942 68.58) 68.750% 70.000%, oklch(47.28% 0.0912 66.37) 70.000% 71.250%, oklch(45.39% 0.0882 64.48) 71.250% 72.500%, oklch(43.66% 0.0851 62.99) 72.500% 73.750%, oklch(42.09% 0.0821 61.99) 73.750% 75.000%, oklch(40.67% 0.0789 61.41) 75.000% 76.250%, oklch(39.24% 0.0757 60.91) 76.250% 77.500%, oklch(37.80% 0.0722 60.49) 77.500% 78.750%, oklch(36.36% 0.0687 60.13) 78.750% 80.000%, oklch(34.93% 0.0650 59.82) 80.000% 81.250%, oklch(33.51% 0.0613 59.57) 81.250% 82.500%, oklch(32.11% 0.0576 59.37) 82.500% 83.750%, oklch(30.73% 0.0539 59.21) 83.750% 85.000%, oklch(29.38% 0.0501 59.09) 85.000% 86.250%, oklch(28.07% 0.0464 59.00) 86.250% 87.500%, oklch(26.79% 0.0428 58.93) 87.500% 88.750%, oklch(25.56% 0.0393 58.89) 88.750% 90.000%, oklch(24.39% 0.0359 58.86) 90.000% 91.250%, oklch(23.27% 0.0327 58.84) 91.250% 92.500%, oklch(22.22% 0.0296 58.83) 92.500% 93.750%, oklch(21.23% 0.0268 58.82) 93.750% 95.000%, oklch(20.32% 0.0241 58.80) 95.000% 96.250%, oklch(19.50% 0.0218 58.77) 96.250% 97.500%, oklch(18.76% 0.0197 58.72) 97.500% 98.750%, oklch(18.11% 0.0179 58.66) 98.750% 100.000%);

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

Tông đá quý

Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động