Xanh dương và xanh lơ (hai tông) (gradient tuyến tính)
Gradient tuyến tính, 48 màu, góc 45°: #384ca7, #00b8d6, #51fed6, #009fb4, #001f87. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #384ca7
- #3551aa
- #3257af
- #2e5eb4
- #2766ba
- #1d6fc0
- #0a79c5
- #0083c8
- #008eca
- #0098cc
- #00a3d0
- #00aed3
- #00b8d6
- #00c3d9
- #00cddc
- #00d6dd
- #00e0de
- #00e8df
- #24efde
- #38f4dd
- #45f9db
- #4efcda
- #53fed9
- #54ffd7
- #51fed6
- #49fcd5
- #3bf8d4
- #20f3d2
- #00ecd1
- #00e3d0
- #00d9cd
- #00ceca
- #00c3c6
- #00b7c1
- #00abbb
- #009fb4
- #0093ae
- #0087a7
- #007b9f
- #006f98
- #006491
- #005a8b
- #005085
- #004781
- #003e7e
- #00357d
- #002c7f
- #001f87
CSS
background: linear-gradient(45deg in oklch, oklch(45.28% 0.1474 270.00) 0.0%, oklch(46.40% 0.1475 267.62) 2.1%, oklch(47.84% 0.1474 264.62) 4.3%, oklch(49.56% 0.1473 261.07) 6.4%, oklch(51.53% 0.1472 257.03) 8.5%, oklch(53.71% 0.1470 252.57) 10.6%, oklch(56.07% 0.1468 247.74) 12.8%, oklch(58.58% 0.1407 242.64) 14.9%, oklch(61.19% 0.1342 237.29) 17.0%, oklch(63.88% 0.1300 231.78) 19.1%, oklch(66.61% 0.1276 226.17) 21.3%, oklch(69.35% 0.1267 220.52) 23.4%, oklch(72.06% 0.1272 214.91) 25.5%, oklch(74.71% 0.1289 209.40) 27.7%, oklch(77.26% 0.1317 204.05) 29.8%, oklch(79.68% 0.1355 198.93) 31.9%, oklch(81.94% 0.1400 194.10) 34.0%, oklch(84.00% 0.1452 189.63) 36.2%, oklch(85.82% 0.1464 185.59) 38.3%, oklch(87.38% 0.1468 182.04) 40.4%, oklch(88.63% 0.1473 179.03) 42.6%, oklch(89.55% 0.1480 176.65) 44.7%, oklch(90.10% 0.1487 174.95) 46.8%, oklch(90.25% 0.1497 174.01) 48.9%, oklch(89.95% 0.1508 173.87) 51.1%, oklch(89.20% 0.1521 174.54) 53.2%, oklch(88.02% 0.1536 175.95) 55.3%, oklch(86.45% 0.1554 178.03) 57.4%, oklch(84.54% 0.1526 180.73) 59.6%, oklch(82.31% 0.1458 183.97) 61.7%, oklch(79.80% 0.1389 187.70) 63.8%, oklch(77.06% 0.1324 191.86) 66.0%, oklch(74.12% 0.1262 196.37) 68.1%, oklch(71.02% 0.1208 201.18) 70.2%, oklch(67.79% 0.1160 206.22) 72.3%, oklch(64.47% 0.1121 211.42) 74.5%, oklch(61.11% 0.1090 216.73) 76.6%, oklch(57.73% 0.1067 222.08) 78.7%, oklch(54.37% 0.1054 227.41) 80.9%, oklch(51.08% 0.1051 232.65) 83.0%, oklch(47.89% 0.1057 237.73) 85.1%, oklch(44.84% 0.1076 242.61) 87.2%, oklch(41.96% 0.1108 247.20) 89.4%, oklch(39.29% 0.1157 251.45) 91.5%, oklch(36.88% 0.1227 255.29) 93.6%, oklch(34.75% 0.1325 258.66) 95.7%, oklch(32.95% 0.1470 261.50) 97.9%, oklch(31.51% 0.1736 263.73) 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
