Đen, xanh lá đậm, xanh cổ vịt và tím (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #020604, #0c2719, #116342, #215a71, #54298b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #020604
- #020805
- #030b07
- #040e09
- #05120b
- #06170e
- #081c12
- #0a2115
- #0c2719
- #0e2e1d
- #113621
- #143e25
- #184729
- #1b502e
- #1c5833
- #195e3a
- #116342
- #03654b
- #006655
- #00655d
- #056364
- #136069
- #1c5d6d
- #215a71
- #245876
- #26547c
- #2c4e82
- #344888
- #3d408b
- #46378d
- #4e2f8c
- #54298b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.42% 0.0138 165.23) 0.0%, oklch(12.37% 0.0158 164.69) 3.2%, oklch(13.60% 0.0184 163.92) 6.5%, oklch(15.05% 0.0214 163.00) 9.7%, oklch(16.70% 0.0248 162.00) 12.9%, oklch(18.51% 0.0287 161.01) 16.1%, oklch(20.44% 0.0330 160.09) 19.4%, oklch(22.46% 0.0376 159.33) 22.6%, oklch(24.55% 0.0427 158.74) 25.8%, oklch(27.00% 0.0490 157.62) 29.0%, oklch(29.79% 0.0566 155.99) 32.3%, oklch(32.75% 0.0648 154.30) 35.5%, oklch(35.72% 0.0729 153.00) 38.7%, oklch(38.53% 0.0805 152.52) 41.9%, oklch(41.00% 0.0867 153.31) 45.2%, oklch(42.96% 0.0910 155.81) 48.4%, oklch(44.28% 0.0928 160.46) 51.6%, oklch(45.07% 0.0910 167.36) 54.8%, oklch(45.44% 0.0849 176.02) 58.1%, oklch(45.48% 0.0798 185.97) 61.3%, oklch(45.28% 0.0757 196.70) 64.5%, oklch(44.93% 0.0711 207.68) 67.7%, oklch(44.53% 0.0686 218.43) 71.0%, oklch(44.17% 0.0694 228.43) 74.2%, oklch(43.82% 0.0746 237.86) 77.4%, oklch(43.28% 0.0837 247.91) 80.6%, oklch(42.60% 0.0957 258.23) 83.9%, oklch(41.85% 0.1092 268.41) 87.1%, oklch(41.09% 0.1230 278.04) 90.3%, oklch(40.38% 0.1360 286.70) 93.5%, oklch(39.79% 0.1468 293.97) 96.8%, oklch(39.37% 0.1543 299.44) 100.0%);Trong các bộ sưu tập này
Gradient Cyber MondayGradient cực quang
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
