Đen, tím và hồng (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #09090b, #1d1d1d, #7a3073, #f14e92, #f5d0fd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#09090b
#0b0b0c
#0c0c0d
#0e0e0e
#111111
#131313
#161616
#191919
#1d1d1d
#212121
#262627
#2b2a32
#332f40
#3f3250
#4f335f
#63336b
#7a3073
#922b77
#a92576
#bf2174
#d12173
#df2b77
#ea3b82
#f14e92
#f662a5
#f876b9
#f889cc
#f79cdd
#f5adea
#f4bbf3
#f4c7f9
#f5d0fd

CSS

background: linear-gradient(45deg in oklch, oklch(14.17% 0.0041 286.17) 0.0%, oklch(14.86% 0.0033 285.85) 3.2%, oklch(15.65% 0.0011 285.04) 6.5%, oklch(16.54% 0.0000 89.88) 9.7%, oklch(17.55% 0.0000 89.88) 12.9%, oklch(18.69% 0.0000 89.88) 16.1%, oklch(19.98% 0.0000 89.88) 19.4%, oklch(21.43% 0.0000 89.88) 22.6%, oklch(23.05% 0.0000 89.88) 25.8%, oklch(24.85% 0.0000 89.88) 29.0%, oklch(26.85% 0.0023 285.04) 32.3%, oklch(29.08% 0.0139 289.12) 35.5%, oklch(31.62% 0.0317 295.29) 38.7%, oklch(34.41% 0.0541 303.08) 41.9%, oklch(37.41% 0.0797 311.98) 45.2%, oklch(40.58% 0.1070 321.46) 48.4%, oklch(43.85% 0.1343 331.01) 51.6%, oklch(47.17% 0.1602 340.11) 54.8%, oklch(50.51% 0.1831 348.24) 58.1%, oklch(53.80% 0.2014 354.88) 61.3%, oklch(57.00% 0.2137 359.50) 64.5%, oklch(60.08% 0.2184 1.61) 67.7%, oklch(63.31% 0.2155 1.27) 71.0%, oklch(66.72% 0.2063 358.95) 74.2%, oklch(70.21% 0.1924 355.06) 77.4%, oklch(73.71% 0.1749 350.03) 80.6%, oklch(77.14% 0.1553 344.30) 83.9%, oklch(80.40% 0.1349 338.28) 87.1%, oklch(83.41% 0.1151 332.42) 90.3%, oklch(86.10% 0.0973 327.13) 93.5%, oklch(88.38% 0.0828 322.84) 96.8%, oklch(90.16% 0.0730 319.99) 100.0%);

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

Glitchy glam

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