Xanh dương, xanh cổ vịt, xám và nâu vàng (gradient tuyến tính)
Gradient tuyến tính, 48 màu, góc 225°: #204b8d, #5b6d8e, #5e8075, #7f6f7d, #c9af63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #204b8d
- #244d8e
- #2a4f8e
- #31518e
- #38548e
- #3f578f
- #455a8f
- #4b5d8f
- #50618e
- #55648e
- #58678e
- #5a6a8e
- #5b6d8e
- #5a708e
- #58738d
- #55768b
- #537989
- #527b85
- #537d80
- #557e7c
- #577f78
- #5a7f75
- #5d8073
- #5e8074
- #5e8075
- #5e8078
- #5d7f7c
- #5d7d7f
- #5f7a82
- #627884
- #667584
- #6b7284
- #707082
- #756f80
- #7a6e7e
- #7f6f7d
- #86707d
- #8e727c
- #97767c
- #a17a7a
- #ab7f77
- #b48574
- #bc8c6f
- #c2936b
- #c79b67
- #c9a365
- #caa963
- #c9af63
CSS
background: linear-gradient(225deg in oklch, oklch(42.13% 0.1199 258.75) 0.0%, oklch(42.70% 0.1167 259.28) 2.1%, oklch(43.44% 0.1124 260.38) 4.3%, oklch(44.33% 0.1073 261.86) 6.4%, oklch(45.33% 0.1016 263.55) 8.5%, oklch(46.41% 0.0954 265.25) 10.6%, oklch(47.53% 0.0890 266.79) 12.8%, oklch(48.67% 0.0826 267.96) 14.9%, oklch(49.77% 0.0763 268.59) 17.0%, oklch(50.82% 0.0705 268.50) 19.1%, oklch(51.79% 0.0652 267.49) 21.3%, oklch(52.62% 0.0606 265.39) 23.4%, oklch(53.31% 0.0571 261.94) 25.5%, oklch(53.89% 0.0543 255.99) 27.7%, oklch(54.42% 0.0520 247.62) 29.8%, oklch(54.88% 0.0502 237.46) 31.9%, oklch(55.29% 0.0488 226.18) 34.0%, oklch(55.65% 0.0477 214.41) 36.2%, oklch(55.97% 0.0469 202.81) 38.3%, oklch(56.24% 0.0462 192.03) 40.4%, oklch(56.48% 0.0456 182.72) 42.6%, oklch(56.69% 0.0449 175.52) 44.7%, oklch(56.86% 0.0442 171.09) 46.8%, oklch(57.02% 0.0433 170.07) 48.9%, oklch(57.13% 0.0421 173.04) 51.1%, oklch(57.07% 0.0404 179.77) 53.2%, oklch(56.87% 0.0384 189.68) 55.3%, oklch(56.56% 0.0362 202.23) 57.4%, oklch(56.20% 0.0340 216.85) 59.6%, oklch(55.84% 0.0319 233.00) 61.7%, oklch(55.51% 0.0301 250.11) 63.8%, oklch(55.27% 0.0286 267.63) 66.0%, oklch(55.17% 0.0277 285.01) 68.1%, oklch(55.24% 0.0275 301.69) 70.2%, oklch(55.54% 0.0281 317.11) 72.3%, oklch(56.11% 0.0297 330.72) 74.5%, oklch(57.02% 0.0326 342.76) 76.6%, oklch(58.31% 0.0370 354.81) 78.7%, oklch(59.91% 0.0426 6.81) 80.9%, oklch(61.75% 0.0491 18.64) 83.0%, oklch(63.75% 0.0562 30.17) 85.1%, oklch(65.83% 0.0637 41.25) 87.2%, oklch(67.93% 0.0713 51.76) 89.4%, oklch(69.96% 0.0787 61.57) 91.5%, oklch(71.85% 0.0856 70.54) 93.6%, oklch(73.54% 0.0918 78.53) 95.7%, oklch(74.94% 0.0968 85.42) 97.9%, oklch(75.98% 0.1006 91.08) 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
