Xanh dương nhạt, xanh cổ vịt, xanh hải quân và xám (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #c6e9ce, #538484, #113b4a, #4c786f, #c3cda8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #c6e9ce
- #c1e5cb
- #bce1c7
- #b5dbc3
- #add5bf
- #a5cfba
- #9dc7b5
- #94c0af
- #8bb8a9
- #81afa3
- #78a79d
- #6e9e97
- #659591
- #5c8c8a
- #538484
- #4b7b7e
- #437378
- #3c6b72
- #35636c
- #2f5c66
- #295661
- #24505c
- #1f4a58
- #1b4654
- #184250
- #153f4e
- #133c4c
- #123b4a
- #113b4a
- #113c4a
- #123d4b
- #13404c
- #16434e
- #194751
- #1d4b54
- #215157
- #27565a
- #2d5c5e
- #346362
- #3b6a66
- #43716a
- #4c786f
- #558073
- #5e8778
- #688f7c
- #729681
- #7c9e85
- #86a58a
- #90ab8e
- #99b293
- #a2b897
- #aabd9b
- #b2c29f
- #b8c6a3
- #becaa6
- #c3cda8
CSS
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0524 151.87) 0.0%, oklch(88.98% 0.0524 153.43) 1.8%, oklch(87.53% 0.0524 155.38) 3.6%, oklch(85.83% 0.0524 157.69) 5.5%, oklch(83.92% 0.0524 160.33) 7.3%, oklch(81.80% 0.0524 163.25) 9.1%, oklch(79.52% 0.0524 166.42) 10.9%, oklch(77.08% 0.0524 169.81) 12.7%, oklch(74.51% 0.0524 173.37) 14.5%, oklch(71.84% 0.0524 177.08) 16.4%, oklch(69.10% 0.0524 180.89) 18.2%, oklch(66.29% 0.0524 184.76) 20.0%, oklch(63.46% 0.0524 188.67) 21.8%, oklch(60.61% 0.0524 192.57) 23.6%, oklch(57.78% 0.0524 196.42) 25.5%, oklch(55.00% 0.0525 200.20) 27.3%, oklch(52.27% 0.0525 203.87) 29.1%, oklch(49.63% 0.0525 207.38) 30.9%, oklch(47.10% 0.0525 210.70) 32.7%, oklch(44.70% 0.0525 213.80) 34.5%, oklch(42.46% 0.0525 216.63) 36.4%, oklch(40.40% 0.0525 219.17) 38.2%, oklch(38.55% 0.0525 221.37) 40.0%, oklch(36.92% 0.0524 223.20) 41.8%, oklch(35.55% 0.0524 224.62) 43.6%, oklch(34.45% 0.0524 225.59) 45.5%, oklch(33.65% 0.0524 226.09) 47.3%, oklch(33.18% 0.0524 226.06) 49.1%, oklch(33.05% 0.0523 225.48) 50.9%, oklch(33.26% 0.0523 224.31) 52.7%, oklch(33.78% 0.0523 222.59) 54.5%, oklch(34.60% 0.0522 220.36) 56.4%, oklch(35.68% 0.0522 217.65) 58.2%, oklch(37.02% 0.0522 214.52) 60.0%, oklch(38.58% 0.0521 211.00) 61.8%, oklch(40.34% 0.0520 207.13) 63.6%, oklch(42.28% 0.0520 202.95) 65.5%, oklch(44.37% 0.0519 198.51) 67.3%, oklch(46.60% 0.0519 193.84) 69.1%, oklch(48.94% 0.0518 189.00) 70.9%, oklch(51.37% 0.0518 184.01) 72.7%, oklch(53.87% 0.0517 178.92) 74.5%, oklch(56.41% 0.0516 173.77) 76.4%, oklch(58.97% 0.0516 168.60) 78.2%, oklch(61.53% 0.0515 163.46) 80.0%, oklch(64.06% 0.0514 158.38) 81.8%, oklch(66.55% 0.0514 153.40) 83.6%, oklch(68.97% 0.0513 148.58) 85.5%, oklch(71.29% 0.0513 143.94) 87.3%, oklch(73.50% 0.0512 139.53) 89.1%, oklch(75.57% 0.0512 135.38) 90.9%, oklch(77.49% 0.0511 131.56) 92.7%, oklch(79.21% 0.0511 128.08) 94.5%, oklch(80.74% 0.0510 124.99) 96.4%, oklch(82.03% 0.0510 122.35) 98.2%, oklch(83.07% 0.0510 120.17) 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
