Xanh dương, xanh hải quân, xanh dương nhạt và xám (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #7c82ff, #102947, #9dd5ec, #94fdfd, #064ac2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #7c82ff
- #737af0
- #656fdb
- #5661c3
- #4553a7
- #35438b
- #263570
- #192858
- #0f1d44
- #081534
- #05102b
- #041028
- #05142c
- #091d36
- #102947
- #183a5c
- #214d76
- #2b6391
- #347aad
- #3e90c8
- #46a5e0
- #4fb8f3
- #58c5ff
- #6dcdff
- #79d3ff
- #7fd7ff
- #86d8fc
- #92d7f4
- #9dd5ec
- #a6d3e3
- #aed0dc
- #b5ced6
- #b9cdd3
- #bcced3
- #bdd1d6
- #bcd6db
- #badce1
- #b7e3e8
- #b1ebef
- #aaf2f5
- #a0f8fa
- #94fdfd
- #8cfffe
- #7dfffe
- #5ffdff
- #42f6fd
- #00ebfb
- #00daf4
- #00c8eb
- #00b4e1
- #00a0d6
- #008dcc
- #007ac4
- #0069bf
- #0059bf
- #064ac2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.1819 278.44) 0.0%, oklch(63.15% 0.1742 277.51) 1.8%, oklch(58.81% 0.1634 276.36) 3.6%, oklch(53.48% 0.1503 275.03) 5.5%, oklch(47.51% 0.1356 273.54) 7.3%, oklch(41.26% 0.1201 271.90) 9.1%, oklch(35.08% 0.1046 270.15) 10.9%, oklch(29.33% 0.0897 268.31) 12.7%, oklch(24.37% 0.0763 266.39) 14.5%, oklch(20.54% 0.0651 264.43) 16.4%, oklch(18.20% 0.0569 262.45) 18.2%, oklch(17.72% 0.0524 260.47) 20.0%, oklch(19.34% 0.0523 258.42) 21.8%, oklch(22.85% 0.0563 256.23) 23.6%, oklch(27.88% 0.0635 253.92) 25.5%, oklch(34.05% 0.0730 251.53) 27.3%, oklch(41.01% 0.0839 249.09) 29.1%, oklch(48.37% 0.0954 246.63) 30.9%, oklch(55.77% 0.1065 244.18) 32.7%, oklch(62.84% 0.1163 241.77) 34.5%, oklch(69.20% 0.1240 239.44) 36.4%, oklch(74.50% 0.1287 237.21) 38.2%, oklch(78.35% 0.1290 235.11) 40.0%, oklch(80.91% 0.1152 233.14) 41.8%, oklch(82.68% 0.1063 231.27) 43.6%, oklch(83.77% 0.1016 229.49) 45.5%, oklch(84.33% 0.0944 227.77) 47.3%, oklch(84.47% 0.0803 226.10) 49.1%, oklch(84.33% 0.0658 224.45) 50.9%, oklch(84.03% 0.0519 222.82) 52.7%, oklch(83.70% 0.0396 221.18) 54.5%, oklch(83.48% 0.0296 219.53) 56.4%, oklch(83.49% 0.0230 217.83) 58.2%, oklch(83.86% 0.0207 216.09) 60.0%, oklch(84.66% 0.0226 213.98) 61.8%, oklch(85.82% 0.0280 211.35) 63.6%, oklch(87.19% 0.0361 208.37) 65.5%, oklch(88.67% 0.0465 205.26) 67.3%, oklch(90.12% 0.0584 202.21) 69.1%, oklch(91.42% 0.0714 199.41) 70.9%, oklch(92.45% 0.0848 197.05) 72.7%, oklch(93.08% 0.0981 195.34) 74.5%, oklch(93.18% 0.1055 194.47) 76.4%, oklch(92.65% 0.1151 194.63) 78.2%, oklch(91.34% 0.1309 196.01) 80.0%, oklch(89.01% 0.1388 199.00) 81.8%, oklch(85.65% 0.1460 203.60) 83.6%, oklch(81.48% 0.1407 209.48) 85.5%, oklch(76.72% 0.1365 216.29) 87.3%, oklch(71.60% 0.1341 223.70) 89.1%, oklch(66.34% 0.1343 231.37) 90.9%, oklch(61.15% 0.1376 238.94) 92.7%, oklch(56.27% 0.1450 246.09) 94.5%, oklch(51.92% 0.1575 252.47) 96.4%, oklch(48.31% 0.1768 257.74) 98.2%, oklch(45.67% 0.1970 261.53) 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
