Đen, xanh dương và tím (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #020202, #002a38, #0b4d67, #405c82, #77648a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #020202
- #030304
- #030608
- #030a0e
- #031016
- #02161e
- #011d27
- #002430
- #002a38
- #00303f
- #003646
- #003a4d
- #003f52
- #004358
- #00475e
- #034a63
- #0b4d67
- #14506a
- #1b526e
- #225472
- #295776
- #30597a
- #375b7e
- #405c82
- #495d85
- #515f88
- #5a6089
- #61618a
- #68618b
- #6e628a
- #73638a
- #77648a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(10.01% 0.0041 230.22) 3.2%, oklch(11.79% 0.0098 229.58) 6.5%, oklch(13.92% 0.0166 228.78) 9.7%, oklch(16.29% 0.0241 227.90) 12.9%, oklch(18.83% 0.0321 227.00) 16.1%, oklch(21.45% 0.0402 226.18) 19.4%, oklch(24.07% 0.0459 225.71) 22.6%, oklch(26.57% 0.0504 225.21) 25.8%, oklch(28.88% 0.0547 225.04) 29.0%, oklch(30.91% 0.0587 225.26) 32.3%, oklch(32.63% 0.0623 225.84) 35.5%, oklch(34.20% 0.0657 226.49) 38.7%, oklch(35.65% 0.0690 227.27) 41.9%, oklch(37.00% 0.0723 228.21) 45.2%, oklch(38.25% 0.0745 229.33) 48.4%, oklch(39.44% 0.0743 230.81) 51.6%, oklch(40.57% 0.0738 232.63) 54.8%, oklch(41.66% 0.0731 234.87) 58.1%, oklch(42.72% 0.0725 237.58) 61.3%, oklch(43.78% 0.0719 240.82) 64.5%, oklch(44.84% 0.0715 244.70) 67.7%, oklch(45.91% 0.0710 249.72) 71.0%, oklch(46.98% 0.0702 255.80) 74.2%, oklch(48.02% 0.0692 262.63) 77.4%, oklch(49.03% 0.0681 269.92) 80.6%, oklch(49.98% 0.0669 277.37) 83.9%, oklch(50.88% 0.0657 284.69) 87.1%, oklch(51.69% 0.0645 291.58) 90.3%, oklch(52.42% 0.0635 297.74) 93.5%, oklch(53.04% 0.0626 302.89) 96.8%, oklch(53.54% 0.0620 306.71) 100.0%);Trong các bộ sưu tập này
Gradient nhiều màu tông tốiGradient tông trầmGradient u buồnGradient trầm tối
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
