Xanh dương nhạt, xanh lá, xanh cổ vịt và tím oải hương (sọc màu tuyến tính)
Sọc màu tuyến tính, 48 màu, góc 225°: #eaf8e8, #9ce0ac, #40a17c, #328a92, #b9bce8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #eaf8e8
- #e7f7e5
- #e3f5e1
- #def4dc
- #d8f2d7
- #d2f0d2
- #ccefcd
- #c5ecc7
- #bdeac1
- #b6e8bc
- #ade5b6
- #a5e2b1
- #9ce0ac
- #94dca8
- #8bd9a4
- #83d6a1
- #7bd29e
- #73ce9a
- #6bc896
- #64c292
- #5cbc8d
- #55b589
- #4eae84
- #47a880
- #40a17c
- #3a9b79
- #349576
- #2f9074
- #2a8b73
- #268873
- #238574
- #218477
- #21847b
- #248581
- #2a8789
- #328a92
- #3c8e9c
- #4892a6
- #5596b0
- #629bb9
- #70a0c3
- #7da5cb
- #8aaad2
- #96aed9
- #a1b3de
- #abb6e2
- #b3bae6
- #b9bce8
CSS
background: linear-gradient(225deg, oklch(96.46% 0.0262 142.03) 0.000% 2.083%, oklch(95.88% 0.0295 142.50) 2.083% 4.167%, oklch(95.20% 0.0338 143.02) 4.167% 6.250%, oklch(94.44% 0.0390 143.60) 6.250% 8.333%, oklch(93.60% 0.0449 144.23) 8.333% 10.417%, oklch(92.68% 0.0513 144.92) 10.417% 12.500%, oklch(91.69% 0.0581 145.67) 12.500% 14.583%, oklch(90.63% 0.0651 146.47) 14.583% 16.667%, oklch(89.53% 0.0722 147.33) 16.667% 18.750%, oklch(88.37% 0.0793 148.24) 18.750% 20.833%, oklch(87.17% 0.0861 149.21) 20.833% 22.917%, oklch(85.94% 0.0925 150.24) 22.917% 25.000%, oklch(84.68% 0.0984 151.32) 25.000% 27.083%, oklch(83.40% 0.1036 152.46) 27.083% 29.167%, oklch(82.10% 0.1080 153.65) 29.167% 31.250%, oklch(80.79% 0.1114 154.90) 31.250% 33.333%, oklch(79.47% 0.1136 156.20) 33.333% 35.417%, oklch(77.96% 0.1149 157.38) 35.417% 37.500%, oklch(76.24% 0.1155 158.45) 37.500% 39.583%, oklch(74.36% 0.1153 159.45) 39.583% 41.667%, oklch(72.37% 0.1146 160.42) 41.667% 43.750%, oklch(70.30% 0.1133 161.40) 43.750% 45.833%, oklch(68.20% 0.1116 162.44) 45.833% 47.917%, oklch(66.13% 0.1096 163.59) 47.917% 50.000%, oklch(64.11% 0.1072 164.89) 50.000% 52.083%, oklch(62.20% 0.1047 166.39) 52.083% 54.167%, oklch(60.45% 0.1021 168.12) 54.167% 56.250%, oklch(58.89% 0.0994 170.14) 56.250% 58.333%, oklch(57.58% 0.0968 172.49) 58.333% 60.417%, oklch(56.55% 0.0943 175.20) 60.417% 62.500%, oklch(55.85% 0.0921 178.34) 62.500% 64.583%, oklch(55.53% 0.0901 181.94) 64.583% 66.667%, oklch(55.64% 0.0885 186.13) 66.667% 68.750%, oklch(56.21% 0.0867 191.19) 68.750% 70.833%, oklch(57.20% 0.0848 197.01) 70.833% 72.917%, oklch(58.53% 0.0828 203.45) 72.917% 75.000%, oklch(60.16% 0.0808 210.38) 75.000% 77.083%, oklch(62.02% 0.0788 217.68) 77.083% 79.167%, oklch(64.06% 0.0767 225.21) 79.167% 81.250%, oklch(66.22% 0.0747 232.83) 81.250% 83.333%, oklch(68.43% 0.0727 240.42) 83.333% 85.417%, oklch(70.65% 0.0707 247.85) 85.417% 87.500%, oklch(72.81% 0.0689 254.97) 87.500% 89.583%, oklch(74.86% 0.0672 261.67) 89.583% 91.667%, oklch(76.73% 0.0656 267.80) 91.667% 93.750%, oklch(78.36% 0.0642 273.25) 93.750% 95.833%, oklch(79.71% 0.0630 277.86) 95.833% 97.917%, oklch(80.71% 0.0620 281.52) 97.917% 100.000%);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
