Vàng, xanh lá và xanh dương tông rực rỡ (gradient tuyến tính)

Vàng, xanh lá và xanh dương tông rực rỡ: bảng màu gồm 32 màu. #dfff33, #5de611, #00c592, #008de5, #3736f2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dfff33
#d7fd00
#ccfa00
#bff700
#b0f300
#9eef00
#8beb00
#75e800
#5de611
#4fe230
#47de43
#44da52
#42d660
#3ed26c
#35ce78
#1dca84
#00c592
#00bea0
#00b7ad
#00b0b8
#00a8c2
#00a0cd
#0097d8
#008de5
#1e83e9
#2b78eb
#2f6eec
#3162ee
#3157ef
#324bf1
#3340f2
#3736f2

CSS

background: linear-gradient(90deg in oklch, oklch(94.49% 0.2099 118.83) 0.0%, oklch(93.45% 0.2226 120.31) 3.2%, oklch(92.03% 0.2239 122.26) 6.5%, oklch(90.33% 0.2258 124.57) 9.7%, oklch(88.47% 0.2287 127.16) 12.9%, oklch(86.55% 0.2327 129.94) 16.1%, oklch(84.69% 0.2383 132.82) 19.4%, oklch(82.99% 0.2456 135.72) 22.6%, oklch(81.56% 0.2511 138.52) 25.8%, oklch(80.34% 0.2435 140.79) 29.0%, oklch(79.27% 0.2321 142.65) 32.3%, oklch(78.28% 0.2182 144.49) 35.5%, oklch(77.33% 0.2032 146.65) 38.7%, oklch(76.37% 0.1885 149.51) 41.9%, oklch(75.36% 0.1756 153.45) 45.2%, oklch(74.24% 0.1659 158.82) 48.4%, oklch(72.98% 0.1512 166.11) 51.6%, oklch(71.64% 0.1340 175.97) 54.8%, oklch(70.24% 0.1223 187.76) 58.1%, oklch(68.79% 0.1170 200.66) 61.3%, oklch(67.29% 0.1182 213.85) 64.5%, oklch(65.76% 0.1264 226.51) 67.7%, oklch(64.19% 0.1419 237.82) 71.0%, oklch(62.61% 0.1645 246.97) 74.2%, oklch(60.93% 0.1770 253.59) 77.4%, oklch(59.05% 0.1883 258.62) 80.6%, oklch(57.06% 0.2021 262.34) 83.9%, oklch(55.05% 0.2170 265.04) 87.1%, oklch(53.12% 0.2321 266.98) 90.3%, oklch(51.37% 0.2460 268.44) 93.5%, oklch(49.91% 0.2577 269.69) 96.8%, oklch(48.82% 0.2659 271.00) 100.0%);

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

Gradient nhiều màu rực rỡ Gradient neon

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