Xanh lá, xanh dương và tím (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 135°: #dbedb0, #5cad7d, #496c9d, #603f88, #a13e4e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #dbedb0
- #d3e6a5
- #c9dd93
- #bdd27f
- #afc86d
- #9ebf64
- #89b966
- #72b470
- #5cad7d
- #4ba588
- #3f9d8f
- #379594
- #348c98
- #36839a
- #3b7b9b
- #42739c
- #496c9d
- #5366a1
- #5f61a6
- #6a5ba7
- #7355a5
- #754e9e
- #6d4794
- #603f88
- #53397b
- #4b3472
- #4d306c
- #59306b
- #6d3268
- #833562
- #963a58
- #a13e4e
CSS
background: linear-gradient(135deg in oklch, oklch(91.73% 0.0813 121.64) 0.0%, oklch(89.57% 0.0883 121.52) 3.2%, oklch(86.49% 0.0988 120.83) 6.5%, oklch(82.93% 0.1103 120.63) 9.7%, oklch(79.31% 0.1200 121.98) 12.9%, oklch(76.07% 0.1252 125.94) 16.1%, oklch(73.33% 0.1238 133.34) 19.4%, oklch(70.75% 0.1173 143.69) 22.6%, oklch(68.30% 0.1081 155.93) 25.8%, oklch(65.96% 0.0985 169.05) 29.0%, oklch(63.72% 0.0911 182.00) 32.3%, oklch(61.53% 0.0871 194.35) 35.5%, oklch(59.35% 0.0842 207.25) 38.7%, oklch(57.26% 0.0825 220.42) 41.9%, oklch(55.38% 0.0823 233.41) 45.2%, oklch(53.80% 0.0838 245.80) 48.4%, oklch(52.67% 0.0880 257.40) 51.6%, oklch(52.25% 0.0965 269.24) 54.8%, oklch(52.19% 0.1072 280.75) 58.1%, oklch(52.10% 0.1178 291.09) 61.3%, oklch(51.58% 0.1257 299.41) 64.5%, oklch(50.18% 0.1283 304.69) 67.7%, oklch(47.46% 0.1249 305.11) 71.0%, oklch(44.02% 0.1179 302.49) 74.2%, oklch(40.65% 0.1100 299.56) 77.4%, oklch(38.18% 0.1038 299.02) 80.6%, oklch(37.43% 0.1021 303.58) 83.9%, oklch(38.81% 0.1053 314.87) 87.1%, oklch(41.65% 0.1117 330.57) 90.3%, oklch(45.10% 0.1193 347.59) 93.5%, oklch(48.30% 0.1263 2.81) 96.8%, oklch(50.39% 0.1309 13.15) 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
