Vàng, cam, hồng và tím tông neon (gradient tuyến tính)

Vàng, cam, hồng và tím tông neon: bảng màu gồm 32 màu. #eed01a, #ff9238, #fc4056, #db0c6f, #970088. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#eed01a
#f1cb16
#f5c517
#f8bd1d
#fbb425
#fdac2d
#fea331
#ff9b33
#ff9238
#ff883c
#ff7d40
#ff7344
#ff6848
#ff5d4b
#fe5450
#fd4a53
#fc4056
#fa3659
#f72c5d
#f32262
#ee1a66
#e81469
#e2106c
#db0c6f
#d40972
#cc0576
#c3017a
#b9007e
#af0082
#a50085
#9d0087
#970088

CSS

background: linear-gradient(180deg in oklch, oklch(85.83% 0.1736 98.44) 0.0%, oklch(85.11% 0.1716 95.02) 3.2%, oklch(84.13% 0.1684 90.33) 6.5%, oklch(82.97% 0.1648 84.76) 9.7%, oklch(81.69% 0.1616 78.71) 12.9%, oklch(80.34% 0.1596 72.58) 16.1%, oklch(79.00% 0.1595 66.77) 19.4%, oklch(77.65% 0.1620 61.26) 22.6%, oklch(76.18% 0.1644 55.50) 25.8%, oklch(74.65% 0.1685 49.65) 29.0%, oklch(73.11% 0.1746 43.93) 32.3%, oklch(71.61% 0.1823 38.52) 35.5%, oklch(70.20% 0.1911 33.63) 38.7%, oklch(68.95% 0.1995 29.42) 41.9%, oklch(67.81% 0.2066 25.82) 45.2%, oklch(66.75% 0.2141 22.68) 48.4%, oklch(65.73% 0.2213 19.84) 51.6%, oklch(64.72% 0.2277 17.16) 54.8%, oklch(63.66% 0.2324 14.49) 58.1%, oklch(62.53% 0.2350 11.74) 61.3%, oklch(61.39% 0.2355 9.19) 64.5%, oklch(60.23% 0.2343 6.81) 67.7%, oklch(59.04% 0.2321 4.47) 71.0%, oklch(57.82% 0.2294 2.04) 74.2%, oklch(56.56% 0.2265 359.37) 77.4%, oklch(55.24% 0.2242 356.34) 80.6%, oklch(53.72% 0.2216 352.60) 83.9%, oklch(52.05% 0.2185 348.35) 87.1%, oklch(50.36% 0.2151 343.94) 90.3%, oklch(48.77% 0.2121 339.78) 93.5%, oklch(47.43% 0.2097 336.25) 96.8%, oklch(46.47% 0.2079 333.74) 100.0%);

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

Gradient hoàng hôn Gradient bình minh

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