Xanh hải quân, xanh dương, xanh lơ và xanh lá liền mạch (gradient hình nón)
Gradient hình nón, 48 màu, góc 45°: #102a43, #3388c9, #00ccb8, #00a772, #102a43. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #102a43
- #122e49
- #143350
- #173959
- #1a4063
- #1e486e
- #22507b
- #275988
- #2b6295
- #2e6ca3
- #3176b0
- #337fbd
- #3388c9
- #3091d4
- #2a99de
- #1ea1e5
- #00a7ea
- #00ade8
- #00b3e4
- #00b9df
- #00bed9
- #00c2d3
- #00c6cb
- #00cac2
- #00ccb8
- #00ceac
- #00d09e
- #00d08f
- #00d07f
- #00cf6e
- #21cb64
- #29c75f
- #1fc25e
- #00bc62
- #00b26b
- #00a772
- #009b76
- #008f78
- #008277
- #007673
- #00696f
- #005d69
- #005264
- #00485e
- #003e58
- #063651
- #0d2f4a
- #102a43
CSS
background: conic-gradient(from 45deg in oklch, oklch(27.95% 0.0565 249.61) 0.0%, oklch(29.48% 0.0598 249.30) 2.1%, oklch(31.42% 0.0640 249.14) 4.3%, oklch(33.72% 0.0689 249.09) 6.4%, oklch(36.32% 0.0744 249.09) 8.5%, oklch(39.16% 0.0804 249.10) 10.6%, oklch(42.18% 0.0868 249.07) 12.8%, oklch(45.32% 0.0935 248.95) 14.9%, oklch(48.52% 0.1004 248.70) 17.0%, oklch(51.71% 0.1073 248.25) 19.1%, oklch(54.84% 0.1142 247.57) 21.3%, oklch(57.85% 0.1210 246.61) 23.4%, oklch(60.68% 0.1275 245.31) 25.5%, oklch(63.26% 0.1336 243.64) 27.7%, oklch(65.54% 0.1393 241.53) 29.8%, oklch(67.46% 0.1444 238.94) 31.9%, oklch(68.97% 0.1480 235.79) 34.0%, oklch(70.31% 0.1426 231.52) 36.2%, oklch(71.52% 0.1370 226.14) 38.3%, oklch(72.62% 0.1321 219.87) 40.4%, oklch(73.58% 0.1287 212.90) 42.6%, oklch(74.41% 0.1272 205.44) 44.7%, oklch(75.08% 0.1277 197.70) 46.8%, oklch(75.59% 0.1306 189.88) 48.9%, oklch(75.94% 0.1359 182.19) 51.1%, oklch(76.11% 0.1437 174.83) 53.2%, oklch(76.09% 0.1541 168.01) 55.3%, oklch(75.87% 0.1666 161.94) 57.4%, oklch(75.45% 0.1803 156.81) 59.6%, oklch(74.81% 0.1933 152.84) 61.7%, oklch(73.95% 0.1943 150.23) 63.8%, oklch(72.86% 0.1924 149.18) 66.0%, oklch(71.45% 0.1892 149.91) 68.1%, oklch(69.54% 0.1813 152.41) 70.2%, oklch(67.17% 0.1615 156.48) 72.3%, oklch(64.42% 0.1415 161.90) 74.5%, oklch(61.36% 0.1236 168.43) 76.6%, oklch(58.06% 0.1087 175.85) 78.7%, oklch(54.60% 0.0967 183.95) 80.9%, oklch(51.04% 0.0875 192.48) 83.0%, oklch(47.47% 0.0807 201.24) 85.1%, oklch(43.94% 0.0760 209.99) 87.2%, oklch(40.54% 0.0731 218.51) 89.4%, oklch(37.34% 0.0718 226.57) 91.5%, oklch(34.41% 0.0720 233.96) 93.6%, oklch(31.82% 0.0684 240.33) 95.7%, oklch(29.64% 0.0617 245.65) 97.9%, oklch(27.95% 0.0565 249.61) 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
