Xanh dương nhạt, xanh cổ vịt, xanh dương và xanh lơ tông lạnh (gradient tuyến tính)
Gradient tuyến tính, 48 màu, góc 135°: #5fc7c4, #0d475d, #003248, #15cade, #3dccfc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #5fc7c4
- #58bebf
- #4fb1b8
- #45a2af
- #3c91a4
- #358097
- #2f6f8a
- #29617d
- #245472
- #1f4c69
- #1a4763
- #14465f
- #0d475d
- #044a5b
- #004d5a
- #005158
- #005557
- #015855
- #025954
- #005853
- #005452
- #004d50
- #00444d
- #003b4a
- #003248
- #002b48
- #03254b
- #0c234c
- #132552
- #182e5d
- #1c3e70
- #1e5487
- #1b6fa0
- #118eb8
- #07adcd
- #15cade
- #2de4ea
- #42f7f3
- #6dfff7
- #8efff8
- #87fffb
- #6dfdff
- #67f5ff
- #59ecff
- #4ae2ff
- #3cd9ff
- #3ad1fe
- #3dccfc
CSS
background: linear-gradient(135deg in oklch, oklch(76.77% 0.0965 192.66) 0.0%, oklch(74.15% 0.0945 196.20) 2.1%, oklch(70.50% 0.0918 201.43) 4.3%, oklch(66.10% 0.0886 207.80) 6.4%, oklch(61.23% 0.0850 214.77) 8.5%, oklch(56.18% 0.0813 221.83) 10.6%, oklch(51.24% 0.0777 228.42) 12.8%, oklch(46.67% 0.0744 234.02) 14.9%, oklch(42.77% 0.0716 238.09) 17.0%, oklch(39.83% 0.0695 240.10) 19.1%, oklch(38.05% 0.0683 239.40) 21.3%, oklch(37.26% 0.0676 235.54) 23.4%, oklch(37.25% 0.0675 229.26) 25.5%, oklch(37.81% 0.0678 221.41) 27.7%, oklch(38.73% 0.0677 212.84) 29.8%, oklch(39.81% 0.0679 204.31) 31.9%, oklch(40.84% 0.0695 196.70) 34.0%, oklch(41.61% 0.0713 190.84) 36.2%, oklch(41.94% 0.0723 187.57) 38.3%, oklch(41.60% 0.0724 187.72) 40.4%, oklch(40.27% 0.0691 191.98) 42.6%, oklch(38.12% 0.0648 199.69) 44.7%, oklch(35.47% 0.0613 209.82) 46.8%, oklch(32.67% 0.0601 221.37) 48.9%, oklch(30.03% 0.0623 233.31) 51.1%, oklch(27.91% 0.0697 244.62) 53.2%, oklch(26.60% 0.0793 254.11) 55.3%, oklch(26.48% 0.0816 261.08) 57.4%, oklch(27.86% 0.0847 264.39) 59.6%, oklch(31.21% 0.0889 263.24) 61.7%, oklch(36.68% 0.0944 258.19) 63.8%, oklch(43.73% 0.1010 250.19) 66.0%, oklch(51.82% 0.1082 240.15) 68.1%, oklch(60.41% 0.1156 229.04) 70.2%, oklch(68.96% 0.1229 217.78) 72.3%, oklch(76.91% 0.1297 207.31) 74.5%, oklch(83.74% 0.1355 198.57) 76.6%, oklch(88.89% 0.1400 192.51) 78.7%, oklch(91.88% 0.1256 189.94) 80.9%, oklch(93.09% 0.1048 190.20) 83.0%, oklch(92.91% 0.1091 192.60) 85.1%, oklch(91.66% 0.1231 196.59) 87.2%, oklch(89.65% 0.1224 201.68) 89.4%, oklch(87.20% 0.1254 207.36) 91.5%, oklch(84.61% 0.1301 213.08) 93.6%, oklch(82.19% 0.1350 218.35) 95.7%, oklch(80.26% 0.1358 222.64) 97.9%, oklch(79.13% 0.1350 225.42) 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
