Xanh hải quân, xanh cổ vịt, hồng đào và nâu (sọc màu hình nón)
Sọc màu hình nón, 64 màu, góc 70°: #041b2c, #066085, #40cad4, #f3d4a1, #b54d2d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #041b2c
- #041d2f
- #051f33
- #052237
- #05253b
- #062940
- #062d46
- #07314c
- #073652
- #073b58
- #07405e
- #074565
- #074a6c
- #074f72
- #065579
- #065b7f
- #066085
- #07668b
- #0a6c91
- #0d7298
- #12799f
- #1680a6
- #1a87ad
- #1f8eb4
- #2295bb
- #269cc1
- #2aa3c7
- #2dabcc
- #30b1d0
- #33b8d3
- #36bfd5
- #3ac4d5
- #40cad4
- #49cfd0
- #56d4cc
- #65d8c6
- #76dcbf
- #87dfb8
- #98e1b2
- #a9e2ac
- #b9e2a7
- #c7e1a4
- #d3e0a2
- #dddfa2
- #e5dda2
- #ecdaa2
- #f0d7a2
- #f3d4a1
- #f4d09f
- #f3ca9a
- #f1c395
- #efbb8d
- #ebb285
- #e6a87c
- #e29e72
- #dc9369
- #d6885f
- #d17e55
- #cb744c
- #c66a43
- #c1613b
- #bc5935
- #b85330
- #b54d2d
CSS
background: conic-gradient(from 70deg, oklch(21.26% 0.0455 244.69) 0.000% 1.563%, oklch(22.12% 0.0472 244.35) 1.563% 3.125%, oklch(23.13% 0.0494 243.99) 3.125% 4.688%, oklch(24.29% 0.0520 243.61) 4.688% 6.250%, oklch(25.58% 0.0549 243.21) 6.250% 7.813%, oklch(26.99% 0.0581 242.77) 7.813% 9.375%, oklch(28.49% 0.0615 242.29) 9.375% 10.938%, oklch(30.09% 0.0650 241.76) 10.938% 12.500%, oklch(31.76% 0.0687 241.18) 12.500% 14.063%, oklch(33.49% 0.0723 240.53) 14.063% 15.625%, oklch(35.26% 0.0760 239.82) 15.625% 17.188%, oklch(37.07% 0.0795 239.04) 17.188% 18.750%, oklch(38.90% 0.0830 238.18) 18.750% 20.313%, oklch(40.73% 0.0862 237.23) 20.313% 21.875%, oklch(42.55% 0.0892 236.19) 21.875% 23.438%, oklch(44.34% 0.0919 235.05) 23.438% 25.000%, oklch(46.11% 0.0943 233.81) 25.000% 26.563%, oklch(47.95% 0.0965 232.69) 26.563% 28.125%, oklch(49.89% 0.0988 231.73) 28.125% 29.688%, oklch(51.92% 0.1010 230.88) 29.688% 31.250%, oklch(54.01% 0.1032 230.06) 31.250% 32.813%, oklch(56.14% 0.1053 229.23) 32.813% 34.375%, oklch(58.30% 0.1073 228.32) 34.375% 35.938%, oklch(60.46% 0.1092 227.27) 35.938% 37.500%, oklch(62.62% 0.1109 226.03) 37.500% 39.063%, oklch(64.73% 0.1125 224.54) 39.063% 40.625%, oklch(66.80% 0.1138 222.73) 40.625% 42.188%, oklch(68.80% 0.1148 220.55) 42.188% 43.750%, oklch(70.70% 0.1156 217.94) 43.750% 45.313%, oklch(72.50% 0.1161 214.83) 45.313% 46.875%, oklch(74.16% 0.1162 211.18) 46.875% 48.438%, oklch(75.68% 0.1160 206.91) 48.438% 50.000%, oklch(77.06% 0.1153 201.93) 50.000% 51.563%, oklch(78.42% 0.1138 195.96) 51.563% 53.125%, oklch(79.79% 0.1116 189.08) 53.125% 54.688%, oklch(81.13% 0.1087 181.43) 54.688% 56.250%, oklch(82.44% 0.1053 173.15) 56.250% 57.813%, oklch(83.68% 0.1016 164.37) 57.813% 59.375%, oklch(84.84% 0.0977 155.25) 59.375% 60.938%, oklch(85.90% 0.0937 145.91) 60.938% 62.500%, oklch(86.84% 0.0897 136.50) 62.500% 64.063%, oklch(87.64% 0.0859 127.14) 64.063% 65.625%, oklch(88.28% 0.0824 117.99) 65.625% 67.188%, oklch(88.73% 0.0793 109.19) 67.188% 68.750%, oklch(88.99% 0.0768 100.86) 68.750% 70.313%, oklch(89.02% 0.0751 93.15) 70.313% 71.875%, oklch(88.82% 0.0742 86.19) 71.875% 73.438%, oklch(88.35% 0.0742 80.14) 73.438% 75.000%, oklch(87.55% 0.0754 74.94) 75.000% 76.563%, oklch(86.30% 0.0776 70.26) 76.563% 78.125%, oklch(84.67% 0.0807 66.03) 78.125% 79.688%, oklch(82.70% 0.0847 62.23) 79.688% 81.250%, oklch(80.47% 0.0893 58.82) 81.250% 82.813%, oklch(78.02% 0.0944 55.77) 82.813% 84.375%, oklch(75.42% 0.0998 53.04) 84.375% 85.938%, oklch(72.73% 0.1056 50.60) 85.938% 87.500%, oklch(70.01% 0.1114 48.42) 87.500% 89.063%, oklch(67.32% 0.1171 46.46) 89.063% 90.625%, oklch(64.71% 0.1227 44.69) 90.625% 92.188%, oklch(62.26% 0.1280 43.08) 92.188% 93.750%, oklch(60.01% 0.1329 41.60) 93.750% 95.313%, oklch(58.03% 0.1371 40.21) 95.313% 96.875%, oklch(56.38% 0.1406 38.87) 96.875% 98.438%, oklch(55.12% 0.1433 37.56) 98.438% 100.000%);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
