Xanh cổ vịt, hồng đào, trắng và xanh dương (gradient xuyên tâm)
Gradient xuyên tâm, 48 màu: #4fa0b2, #5d7392, #e9a49a, #f1fae8, #627bc3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #4fa0b2
- #4e9cad
- #4a96a4
- #478f9a
- #43888f
- #408085
- #3d797d
- #3b7377
- #3b6f74
- #3c6d76
- #416d7c
- #4c7086
- #5d7392
- #73789c
- #8b7da3
- #a384a4
- #b88ba2
- #c8949d
- #d39c99
- #daa396
- #dea795
- #e2a894
- #e5a895
- #e7a697
- #e9a49a
- #eba39e
- #eca2a1
- #eea3a2
- #f0a7a1
- #f2ae9f
- #f4baa0
- #f4c8a6
- #f2d7b3
- #f0e6c4
- #f0f2d7
- #f1fae8
- #f4fff4
- #f6fffa
- #eefdf8
- #e1f6f3
- #cdebed
- #b5dde6
- #9dcde0
- #86bada
- #75a7d4
- #6996ce
- #6486c8
- #627bc3
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.0827 214.45) 0.0%, oklch(64.93% 0.0806 213.56) 2.1%, oklch(63.09% 0.0777 211.29) 4.3%, oklch(60.85% 0.0741 208.30) 6.4%, oklch(58.40% 0.0702 205.22) 8.5%, oklch(55.95% 0.0661 202.70) 10.6%, oklch(53.70% 0.0623 201.37) 12.8%, oklch(51.87% 0.0588 201.88) 14.9%, oklch(50.66% 0.0560 204.88) 17.0%, oklch(50.27% 0.0542 210.99) 19.1%, oklch(50.91% 0.0534 221.17) 21.3%, oklch(52.59% 0.0535 236.48) 23.4%, oklch(55.08% 0.0543 255.80) 25.5%, oklch(58.16% 0.0557 277.82) 27.7%, oklch(61.60% 0.0574 301.25) 29.8%, oklch(65.18% 0.0595 324.77) 31.9%, oklch(68.66% 0.0617 347.08) 34.0%, oklch(71.83% 0.0639 6.87) 36.2%, oklch(74.44% 0.0660 22.84) 38.3%, oklch(76.29% 0.0679 33.69) 40.4%, oklch(77.43% 0.0704 39.04) 42.6%, oklch(78.08% 0.0735 39.98) 44.7%, oklch(78.36% 0.0771 37.71) 46.8%, oklch(78.40% 0.0807 33.44) 48.9%, oklch(78.34% 0.0840 28.37) 51.1%, oklch(78.30% 0.0867 23.72) 53.2%, oklch(78.43% 0.0883 20.69) 55.3%, oklch(78.85% 0.0887 20.47) 57.4%, oklch(79.69% 0.0873 24.29) 59.6%, oklch(81.19% 0.0835 32.68) 61.7%, oklch(83.47% 0.0765 44.43) 63.8%, oklch(86.27% 0.0672 58.82) 66.0%, oklch(89.32% 0.0566 75.14) 68.1%, oklch(92.37% 0.0457 92.69) 70.2%, oklch(95.15% 0.0352 110.77) 72.3%, oklch(97.39% 0.0263 128.67) 74.5%, oklch(98.83% 0.0192 145.70) 76.6%, oklch(99.21% 0.0113 161.17) 78.7%, oklch(98.25% 0.0175 174.54) 80.9%, oklch(95.73% 0.0230 187.49) 83.0%, oklch(91.94% 0.0320 200.28) 85.1%, oklch(87.23% 0.0436 212.71) 87.2%, oklch(81.95% 0.0569 224.59) 89.4%, oklch(76.47% 0.0709 235.71) 91.5%, oklch(71.12% 0.0846 245.88) 93.6%, oklch(66.27% 0.0970 254.90) 95.7%, oklch(62.26% 0.1073 262.58) 97.9%, oklch(59.45% 0.1144 268.70) 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
