Tím, hồng và xanh dương nhạt tông rực rỡ (gradient tuyến tính)

Bảng màu Tím, hồng và xanh dương nhạt tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #151238, #ec74da, #86e3de, #d5389d, #4cdbe2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#151238
#221a47
#38245d
#562f75
#7a3b8b
#a0489e
#c455af
#df64c2
#ec74da
#e689fc
#c7adff
#b3c3ff
#a0d2ff
#80e0ff
#80e6ed
#8be5e0
#86e3de
#6fdbe7
#5bcaf8
#75afff
#998bff
#bb67e0
#ce4ab7
#d5389d
#d439a2
#cb4cc0
#b766e6
#9688ff
#73a8ff
#43c1ff
#36d2f0
#4cdbe2

CSS

background: linear-gradient(135deg in oklch, oklch(21.26% 0.0703 281.25) 0.0%, oklch(25.59% 0.0815 287.01) 3.2%, oklch(31.66% 0.0982 296.26) 6.5%, oklch(38.91% 0.1182 307.37) 9.7%, oklch(46.76% 0.1393 318.68) 12.9%, oklch(54.67% 0.1592 328.58) 16.1%, oklch(62.05% 0.1758 335.43) 19.4%, oklch(68.36% 0.1869 337.58) 22.6%, oklch(73.08% 0.1901 333.30) 25.8%, oklch(76.84% 0.1836 319.64) 29.0%, oklch(80.03% 0.1165 298.34) 32.3%, oklch(82.61% 0.0865 272.62) 35.5%, oklch(84.57% 0.0817 245.74) 38.7%, oklch(85.88% 0.1005 220.94) 41.9%, oklch(86.53% 0.0955 201.47) 45.2%, oklch(86.50% 0.0873 190.55) 48.4%, oklch(85.60% 0.0890 191.50) 51.6%, oklch(83.06% 0.1006 205.30) 54.8%, oklch(79.26% 0.1193 228.38) 58.1%, oklch(74.74% 0.1312 256.84) 61.3%, oklch(70.08% 0.1653 286.77) 64.5%, oklch(65.82% 0.1883 314.24) 67.7%, oklch(62.53% 0.2057 335.33) 71.0%, oklch(60.77% 0.2155 346.13) 74.2%, oklch(60.93% 0.2155 343.95) 77.4%, oklch(62.68% 0.2079 331.30) 80.6%, oklch(65.58% 0.1949 311.16) 83.9%, oklch(69.18% 0.1705 286.43) 87.1%, oklch(73.05% 0.1397 260.03) 90.3%, oklch(76.76% 0.1397 234.87) 93.5%, oklch(79.85% 0.1292 213.85) 96.8%, oklch(81.89% 0.1199 199.88) 100.0%);

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

Bảng màu vaporwave

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