Đen, xanh dương và tím (tương đồng) (gradient xuyên tâm)

Bảng màu Đen, xanh dương và tím (tương đồng)

Gradient xuyên tâm, 32 màu: #1d1d1f, #28195f, #4e00d2, #7c01f1, #b204a4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#1d1d1f
#1d1d23
#1e1d28
#1e1d2e
#1f1c35
#201c3d
#221b46
#251a51
#28195f
#2c176e
#30137f
#340d8f
#38059e
#3d00ac
#4200b8
#4800c5
#4e00d2
#5500de
#5c01e7
#6201ed
#6901f1
#6f01f3
#7501f3
#7c01f1
#8301ed
#8a01e8
#9300df
#9b00d3
#a300c5
#aa01b8
#af02ac
#b204a4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(23.23% 0.0028 286.17) 0.0%, oklch(23.44% 0.0104 286.34) 3.2%, oklch(23.66% 0.0205 286.62) 6.5%, oklch(23.96% 0.0326 286.93) 9.7%, oklch(24.37% 0.0465 287.20) 12.9%, oklch(24.96% 0.0617 287.34) 16.1%, oklch(25.79% 0.0780 287.27) 19.4%, oklch(26.89% 0.0960 286.89) 22.6%, oklch(28.26% 0.1171 286.17) 25.8%, oklch(29.84% 0.1400 285.26) 29.0%, oklch(31.55% 0.1631 284.34) 32.3%, oklch(33.33% 0.1850 283.56) 35.5%, oklch(35.12% 0.2042 283.08) 38.7%, oklch(36.94% 0.2189 282.95) 41.9%, oklch(38.93% 0.2306 283.00) 45.2%, oklch(41.04% 0.2427 283.21) 48.4%, oklch(43.12% 0.2543 283.63) 51.6%, oklch(45.08% 0.2646 284.34) 54.8%, oklch(46.78% 0.2722 285.37) 58.1%, oklch(48.14% 0.2775 286.77) 61.3%, oklch(49.19% 0.2808 288.39) 64.5%, oklch(50.02% 0.2821 290.28) 67.7%, oklch(50.67% 0.2819 292.49) 71.0%, oklch(51.19% 0.2804 295.09) 74.2%, oklch(51.64% 0.2780 298.15) 77.4%, oklch(52.05% 0.2749 301.75) 80.6%, oklch(52.36% 0.2697 306.52) 83.9%, oklch(52.55% 0.2626 312.25) 87.1%, oklch(52.64% 0.2548 318.35) 90.3%, oklch(52.69% 0.2470 324.19) 93.5%, oklch(52.71% 0.2402 329.17) 96.8%, oklch(52.76% 0.2356 332.67) 100.0%);

Trong các bộ sưu tập này

Gradient tím rực

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động