Xanh dương, xám và xanh hải quân (đơn sắc) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #7698ae, #bfc9e7, #3c5f7e, #265c9c, #639dd7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #7698ae
- #7b9ab1
- #819db4
- #88a2b8
- #91a6bd
- #99abc1
- #a2b1c6
- #aab6ca
- #b1bbcf
- #b7bfd3
- #bbc2d6
- #bec4d9
- #bfc6dd
- #bfc7e2
- #bfc9e7
- #becaed
- #bbcaf2
- #b8caf6
- #b3c9fa
- #acc7fb
- #a5c3fa
- #9cbef7
- #93b8f0
- #87aee5
- #7aa1d5
- #6a92c1
- #5a81ab
- #4b7094
- #3c5f7e
- #2f4f6a
- #234258
- #1a364a
- #122e40
- #0d2a3c
- #09293d
- #072b42
- #06304b
- #073758
- #0b3f67
- #124878
- #1c528a
- #265c9c
- #2f65ac
- #386dba
- #3e73c4
- #4378ca
- #477dd0
- #4b82d3
- #4e87d6
- #528bd7
- #558fd7
- #5893d7
- #5b96d7
- #5e99d7
- #609bd7
- #639dd7
CSS
background: linear-gradient(135deg in oklch, oklch(66.14% 0.0496 237.66) 0.0%, oklch(67.08% 0.0483 239.63) 1.8%, oklch(68.38% 0.0462 242.38) 3.6%, oklch(69.94% 0.0436 245.70) 5.5%, oklch(71.70% 0.0406 249.42) 7.3%, oklch(73.56% 0.0376 253.36) 9.1%, oklch(75.45% 0.0348 257.34) 10.9%, oklch(77.27% 0.0323 261.18) 12.7%, oklch(78.95% 0.0303 264.69) 14.5%, oklch(80.40% 0.0292 267.70) 16.4%, oklch(81.54% 0.0291 270.02) 18.2%, oklch(82.28% 0.0303 271.47) 20.0%, oklch(82.81% 0.0332 272.09) 21.8%, oklch(83.31% 0.0379 272.08) 23.6%, oklch(83.74% 0.0439 271.54) 25.5%, oklch(84.02% 0.0508 270.55) 27.3%, oklch(84.12% 0.0583 269.21) 29.1%, oklch(83.97% 0.0659 267.60) 30.9%, oklch(83.52% 0.0731 265.83) 32.7%, oklch(82.71% 0.0797 263.96) 34.5%, oklch(81.48% 0.0851 262.11) 36.4%, oklch(79.78% 0.0890 260.36) 38.2%, oklch(77.56% 0.0909 258.79) 40.0%, oklch(74.40% 0.0904 257.16) 41.8%, oklch(70.11% 0.0877 255.20) 43.6%, oklch(64.97% 0.0832 253.03) 45.5%, oklch(59.27% 0.0775 250.74) 47.3%, oklch(53.28% 0.0711 248.43) 49.1%, oklch(47.29% 0.0645 246.20) 50.9%, oklch(41.59% 0.0584 244.15) 52.7%, oklch(36.44% 0.0531 242.39) 54.5%, oklch(32.13% 0.0493 241.00) 56.4%, oklch(28.95% 0.0475 240.09) 58.2%, oklch(27.17% 0.0482 239.77) 60.0%, oklch(26.87% 0.0519 240.18) 61.8%, oklch(27.80% 0.0581 241.30) 63.6%, oklch(29.74% 0.0664 242.99) 65.5%, oklch(32.49% 0.0762 245.09) 67.3%, oklch(35.81% 0.0868 247.45) 69.1%, oklch(39.50% 0.0978 249.93) 70.9%, oklch(43.34% 0.1086 252.37) 72.7%, oklch(47.12% 0.1185 254.63) 74.5%, oklch(50.62% 0.1271 256.55) 76.4%, oklch(53.62% 0.1337 257.99) 78.2%, oklch(55.91% 0.1378 258.79) 80.0%, oklch(57.68% 0.1394 258.96) 81.8%, oklch(59.30% 0.1390 258.67) 83.6%, oklch(60.76% 0.1370 258.00) 85.5%, oklch(62.07% 0.1339 257.03) 87.3%, oklch(63.26% 0.1298 255.86) 89.1%, oklch(64.32% 0.1252 254.57) 90.9%, oklch(65.27% 0.1204 253.24) 92.7%, oklch(66.11% 0.1157 251.96) 94.5%, oklch(66.86% 0.1116 250.82) 96.4%, oklch(67.52% 0.1082 249.90) 98.2%, oklch(68.11% 0.1061 249.28) 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
