Xám, xanh dương nhạt, xanh cổ vịt và nâu vàng (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #758e7a, #c3d9e3, #739bab, #3b755b, #dea784. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #758e7a
- #799482
- #7f9c8e
- #88a79d
- #93b2ad
- #9fbdbd
- #acc8cc
- #b9d2d9
- #c3d9e3
- #cadeea
- #cce0ec
- #c9dceb
- #bfd4e4
- #b0c8d9
- #9ebacb
- #89aabb
- #739bab
- #5e8c9a
- #4a7f8a
- #39757c
- #2c6f70
- #286d67
- #2d7061
- #3b755b
- #507b56
- #688353
- #818a53
- #9a9258
- #b19861
- #c59f6d
- #d4a479
- #dea784
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.0413 151.17) 0.0%, oklch(64.05% 0.0403 156.70) 3.2%, oklch(66.77% 0.0387 164.52) 6.5%, oklch(70.12% 0.0367 174.01) 9.7%, oklch(73.84% 0.0345 184.58) 12.9%, oklch(77.67% 0.0322 195.63) 16.1%, oklch(81.35% 0.0301 206.55) 19.4%, oklch(84.63% 0.0284 216.75) 22.6%, oklch(87.26% 0.0272 225.63) 25.8%, oklch(88.96% 0.0267 232.58) 29.0%, oklch(89.50% 0.0272 237.01) 32.3%, oklch(88.55% 0.0287 238.72) 35.5%, oklch(85.97% 0.0314 238.74) 38.7%, oklch(82.11% 0.0350 237.28) 41.9%, oklch(77.33% 0.0393 234.47) 45.2%, oklch(72.00% 0.0441 230.43) 48.4%, oklch(66.49% 0.0491 225.28) 51.6%, oklch(61.17% 0.0541 219.15) 54.8%, oklch(56.40% 0.0589 212.16) 58.1%, oklch(52.56% 0.0633 204.44) 61.3%, oklch(50.01% 0.0669 196.11) 64.5%, oklch(49.10% 0.0697 187.15) 67.7%, oklch(49.69% 0.0720 176.04) 71.0%, oklch(51.47% 0.0739 162.81) 74.2%, oklch(54.17% 0.0755 148.06) 77.4%, oklch(57.55% 0.0768 132.42) 80.6%, oklch(61.33% 0.0778 116.49) 83.9%, oklch(65.25% 0.0787 100.88) 87.1%, oklch(69.06% 0.0795 86.22) 90.3%, oklch(72.49% 0.0801 73.10) 93.5%, oklch(75.28% 0.0807 62.14) 96.8%, oklch(77.17% 0.0813 53.95) 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
