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

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

Gradient xuyên tâm, 32 màu: #050208, #0b030d, #1d061a, #400a2f, #f325b3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#050208
#060209
#060209
#07020a
#07020a
#08030b
#09030b
#0a030c
#0b030d
#0d030e
#0e0410
#100411
#120412
#140514
#170516
#1a0518
#1d061a
#20061c
#22061d
#25071e
#290720
#2f0823
#360828
#400a2f
#4f0c39
#631047
#7b1459
#96186d
#b21c82
#cc2096
#e323a7
#f325b3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(10.24% 0.0248 311.48) 0.0%, oklch(10.37% 0.0253 312.24) 3.2%, oklch(10.54% 0.0258 313.24) 6.5%, oklch(10.73% 0.0264 314.43) 9.7%, oklch(10.96% 0.0271 315.75) 12.9%, oklch(11.22% 0.0281 317.16) 16.1%, oklch(11.53% 0.0292 318.59) 19.4%, oklch(11.90% 0.0305 319.99) 22.6%, oklch(12.31% 0.0321 321.32) 25.8%, oklch(12.75% 0.0338 322.62) 29.0%, oklch(13.22% 0.0356 323.92) 32.3%, oklch(13.73% 0.0376 325.24) 35.5%, oklch(14.29% 0.0398 326.59) 38.7%, oklch(14.93% 0.0424 327.96) 41.9%, oklch(15.65% 0.0454 329.37) 45.2%, oklch(16.47% 0.0490 330.82) 48.4%, oklch(17.36% 0.0529 332.34) 51.6%, oklch(18.08% 0.0563 334.06) 54.8%, oklch(18.71% 0.0595 335.91) 58.1%, oklch(19.42% 0.0631 337.80) 61.3%, oklch(20.35% 0.0677 339.64) 64.5%, oklch(21.66% 0.0738 341.35) 67.7%, oklch(23.50% 0.0821 342.83) 71.0%, oklch(26.02% 0.0932 344.01) 74.2%, oklch(29.53% 0.1083 344.81) 77.4%, oklch(34.30% 0.1287 345.29) 80.6%, oklch(39.91% 0.1526 345.52) 83.9%, oklch(45.92% 0.1781 345.57) 87.1%, oklch(51.90% 0.2034 345.50) 90.3%, oklch(57.43% 0.2268 345.39) 93.5%, oklch(62.06% 0.2464 345.30) 96.8%, oklch(65.35% 0.2604 345.30) 100.0%);

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

Gradient Cyber Monday

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