Xanh dương, xanh cổ vịt, xanh lá và vàng tông pastel (gradient tuyến tính)

Xanh dương, xanh cổ vịt, xanh lá và vàng tông pastel: bảng màu gồm 32 màu. #13bfdc, #62e6af, #fde35f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#13bfdc
#12c0db
#14c3d9
#18c5d6
#1fc8d3
#27cad0
#2ecdcc
#35d0c9
#3ad2c7
#3dd5c4
#3fd8c2
#41dbc0
#43debe
#48e0bb
#4ee3b8
#57e5b4
#62e6af
#70e7aa
#7de8a5
#8be8a0
#97e79c
#a3e798
#ade794
#b7e790
#c0e78b
#c9e785
#d3e77e
#dde677
#e7e66f
#f0e568
#f7e463
#fde35f

CSS

background: linear-gradient(45deg in oklch, oklch(74.02% 0.1281 214.45) 0.0%, oklch(74.36% 0.1277 212.31) 3.2%, oklch(74.81% 0.1268 209.43) 6.5%, oklch(75.34% 0.1258 206.00) 9.7%, oklch(75.94% 0.1248 202.21) 12.9%, oklch(76.58% 0.1240 198.25) 16.1%, oklch(77.23% 0.1235 194.31) 19.4%, oklch(77.88% 0.1236 190.58) 22.6%, oklch(78.50% 0.1243 187.24) 25.8%, oklch(79.14% 0.1260 184.22) 29.0%, oklch(79.81% 0.1287 181.37) 32.3%, oklch(80.50% 0.1318 178.60) 35.5%, oklch(81.19% 0.1350 175.83) 38.7%, oklch(81.87% 0.1380 172.96) 41.9%, oklch(82.54% 0.1404 169.90) 45.2%, oklch(83.17% 0.1417 166.58) 48.4%, oklch(83.75% 0.1417 162.90) 51.6%, oklch(84.30% 0.1400 158.89) 54.8%, oklch(84.82% 0.1372 154.62) 58.1%, oklch(85.32% 0.1337 150.17) 61.3%, oklch(85.81% 0.1301 145.62) 64.5%, oklch(86.29% 0.1270 141.03) 67.7%, oklch(86.78% 0.1247 136.48) 71.0%, oklch(87.28% 0.1239 132.05) 74.2%, oklch(87.80% 0.1250 127.62) 77.4%, oklch(88.37% 0.1277 122.85) 80.6%, oklch(88.96% 0.1316 117.94) 83.9%, oklch(89.54% 0.1361 113.07) 87.1%, oklch(90.10% 0.1408 108.46) 90.3%, oklch(90.60% 0.1453 104.31) 93.5%, oklch(91.02% 0.1490 100.83) 96.8%, oklch(91.34% 0.1516 98.21) 100.0%);

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

Gradient ba màu

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