Xanh cổ vịt, xanh lá, nâu và tím đậm (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 225°: #2d8073, #ccb44e, #51342b, #51203d, #d17931. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #2d8073
- #358873
- #449473
- #5aa171
- #74ad6c
- #91b764
- #acbc5c
- #c1bb54
- #ccb44e
- #cba74a
- #bf9548
- #ac8044
- #966c40
- #7f593a
- #6a4834
- #5a3c2f
- #51342b
- #4b2d29
- #482828
- #462329
- #47202d
- #481f32
- #4c1f37
- #51203d
- #5b2442
- #6a2b46
- #7e3549
- #944149
- #a95045
- #bb603e
- #c96f37
- #d17931
CSS
background: linear-gradient(225deg in oklch, oklch(54.72% 0.0827 180.00) 0.0%, oklch(57.01% 0.0870 173.31) 3.2%, oklch(60.56% 0.0937 164.18) 6.5%, oklch(64.81% 0.1017 153.30) 9.7%, oklch(69.22% 0.1100 141.35) 12.9%, oklch(73.21% 0.1176 129.01) 16.1%, oklch(76.24% 0.1232 116.97) 19.4%, oklch(77.75% 0.1259 105.89) 22.6%, oklch(77.19% 0.1246 96.42) 25.8%, oklch(74.21% 0.1182 88.02) 29.0%, oklch(69.33% 0.1076 80.22) 32.3%, oklch(63.17% 0.0945 72.87) 35.5%, oklch(56.38% 0.0804 65.83) 38.7%, oklch(49.61% 0.0668 58.96) 41.9%, oklch(43.51% 0.0553 52.11) 45.2%, oklch(38.71% 0.0475 45.14) 48.4%, oklch(35.65% 0.0446 37.72) 51.6%, oklch(33.38% 0.0453 28.91) 54.8%, oklch(31.72% 0.0486 19.29) 58.1%, oklch(30.67% 0.0540 9.63) 61.3%, oklch(30.24% 0.0608 0.74) 64.5%, oklch(30.41% 0.0682 353.39) 67.7%, oklch(31.21% 0.0757 348.38) 71.0%, oklch(32.62% 0.0825 346.50) 74.2%, oklch(34.95% 0.0889 348.74) 77.4%, oklch(38.69% 0.0962 355.30) 80.6%, oklch(43.42% 0.1042 4.99) 83.9%, oklch(48.69% 0.1123 16.54) 87.1%, oklch(54.05% 0.1202 28.71) 90.3%, oklch(59.04% 0.1274 40.23) 93.5%, oklch(63.22% 0.1334 49.87) 96.8%, oklch(66.14% 0.1378 56.36) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
