Tím, xanh dương và xanh lá (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #805777, #7f68b2, #308dd9, #00999b, #618c6c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #805777
- #805879
- #81587b
- #81597d
- #825980
- #825a83
- #835b86
- #835c8a
- #845d8e
- #845e92
- #845f96
- #84609a
- #83629f
- #8363a3
- #8265a8
- #8167ad
- #7f68b2
- #7e6ab6
- #7c6cbb
- #796fbf
- #7671c4
- #7373c8
- #6f76cc
- #6b78cf
- #677bd2
- #627dd5
- #5c80d7
- #5682d9
- #5085da
- #4987da
- #4189db
- #398bda
- #308dd9
- #258fd8
- #1691d6
- #0093d3
- #0094cd
- #0095c8
- #0096c3
- #0097be
- #0098b9
- #0098b5
- #0098b0
- #0099ac
- #0099a8
- #0099a3
- #00999f
- #00999b
- #009997
- #119992
- #20988d
- #2b9789
- #349685
- #3b9581
- #41947e
- #47937a
- #4c9278
- #509175
- #549073
- #578f71
- #5a8e6f
- #5d8d6e
- #5f8c6d
- #618c6c
CSS
background: linear-gradient(225deg in oklch, oklch(51.18% 0.0703 334.69) 0.0%, oklch(51.38% 0.0716 333.25) 1.6%, oklch(51.61% 0.0732 331.66) 3.2%, oklch(51.88% 0.0750 329.92) 4.8%, oklch(52.18% 0.0771 328.04) 6.3%, oklch(52.50% 0.0793 326.03) 7.9%, oklch(52.85% 0.0818 323.90) 9.5%, oklch(53.22% 0.0845 321.64) 11.1%, oklch(53.61% 0.0872 319.28) 12.7%, oklch(54.02% 0.0902 316.81) 14.3%, oklch(54.45% 0.0932 314.24) 15.9%, oklch(54.89% 0.0963 311.59) 17.5%, oklch(55.33% 0.0995 308.85) 19.0%, oklch(55.79% 0.1027 306.04) 20.6%, oklch(56.25% 0.1059 303.15) 22.2%, oklch(56.71% 0.1091 300.21) 23.8%, oklch(57.18% 0.1123 297.21) 25.4%, oklch(57.64% 0.1155 294.17) 27.0%, oklch(58.10% 0.1186 291.08) 28.6%, oklch(58.55% 0.1216 287.96) 30.2%, oklch(58.99% 0.1245 284.82) 31.7%, oklch(59.42% 0.1273 281.65) 33.3%, oklch(59.83% 0.1299 278.48) 34.9%, oklch(60.23% 0.1324 275.30) 36.5%, oklch(60.61% 0.1346 272.12) 38.1%, oklch(60.97% 0.1367 268.96) 39.7%, oklch(61.30% 0.1385 265.80) 41.3%, oklch(61.61% 0.1400 262.68) 42.9%, oklch(61.89% 0.1413 259.58) 44.4%, oklch(62.14% 0.1423 256.52) 46.0%, oklch(62.35% 0.1430 253.51) 47.6%, oklch(62.52% 0.1433 250.55) 49.2%, oklch(62.66% 0.1432 247.62) 50.8%, oklch(62.77% 0.1428 244.61) 52.4%, oklch(62.85% 0.1421 241.48) 54.0%, oklch(62.90% 0.1401 238.28) 55.6%, oklch(62.93% 0.1334 234.97) 57.1%, oklch(62.93% 0.1277 231.60) 58.7%, oklch(62.91% 0.1229 228.15) 60.3%, oklch(62.86% 0.1187 224.66) 61.9%, oklch(62.80% 0.1153 221.12) 63.5%, oklch(62.72% 0.1124 217.55) 65.1%, oklch(62.63% 0.1101 213.95) 66.7%, oklch(62.52% 0.1083 210.35) 68.3%, oklch(62.40% 0.1069 206.74) 69.8%, oklch(62.27% 0.1061 203.14) 71.4%, oklch(62.12% 0.1056 199.56) 73.0%, oklch(61.97% 0.1056 196.01) 74.6%, oklch(61.82% 0.1060 192.50) 76.2%, oklch(61.66% 0.1042 189.05) 77.8%, oklch(61.49% 0.1008 185.65) 79.4%, oklch(61.33% 0.0975 182.33) 81.0%, oklch(61.16% 0.0943 179.09) 82.5%, oklch(61.00% 0.0911 175.94) 84.1%, oklch(60.84% 0.0880 172.90) 85.7%, oklch(60.69% 0.0850 169.97) 87.3%, oklch(60.54% 0.0821 167.16) 88.9%, oklch(60.40% 0.0794 164.49) 90.5%, oklch(60.28% 0.0769 161.96) 92.1%, oklch(60.16% 0.0745 159.59) 93.7%, oklch(60.06% 0.0724 157.39) 95.2%, oklch(59.97% 0.0705 155.36) 96.8%, oklch(59.90% 0.0689 153.51) 98.4%, oklch(59.84% 0.0675 151.87) 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
