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

Xanh dương, xanh cổ vịt, xanh lá và xanh dương nhạt tông lạnh: bảng màu gồm 32 màu. #1f647e, #64cc90, #c8e1d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f647e
#1c687f
#186e81
#167481
#167c81
#1c8381
#268a80
#2f917f
#38987f
#3e9e80
#43a581
#48ac83
#4cb386
#51ba88
#56c18b
#5cc78e
#64cc90
#6cd193
#74d697
#7dda9b
#85de9f
#8ce1a4
#93e4a8
#9ae6ad
#a0e7b3
#a6e8b8
#ade7be
#b3e6c4
#b9e4c9
#bfe3cd
#c4e1d0
#c8e1d2

CSS

background: linear-gradient(135deg in oklch, oklch(47.24% 0.0785 227.81) 0.0%, oklch(48.34% 0.0799 223.23) 3.2%, oklch(49.79% 0.0815 216.82) 6.5%, oklch(51.52% 0.0834 209.17) 9.7%, oklch(53.45% 0.0856 200.87) 12.9%, oklch(55.49% 0.0882 192.50) 16.1%, oklch(57.56% 0.0909 184.65) 19.4%, oklch(59.59% 0.0940 177.90) 22.6%, oklch(61.49% 0.0973 172.81) 25.8%, oklch(63.42% 0.1017 168.97) 29.0%, oklch(65.42% 0.1070 165.96) 32.3%, oklch(67.46% 0.1127 163.62) 35.5%, oklch(69.48% 0.1184 161.79) 38.7%, oklch(71.47% 0.1235 160.30) 41.9%, oklch(73.37% 0.1276 158.99) 45.2%, oklch(75.15% 0.1303 157.70) 48.4%, oklch(76.79% 0.1311 156.31) 51.6%, oklch(78.38% 0.1308 155.05) 54.8%, oklch(79.91% 0.1294 153.96) 58.1%, oklch(81.37% 0.1271 153.07) 61.3%, oklch(82.73% 0.1239 152.38) 64.5%, oklch(83.97% 0.1197 151.91) 67.7%, oklch(85.07% 0.1148 151.67) 71.0%, oklch(86.01% 0.1090 151.68) 74.2%, oklch(86.77% 0.1020 152.04) 77.4%, oklch(87.33% 0.0927 152.87) 80.6%, oklch(87.74% 0.0818 154.06) 83.9%, oklch(88.01% 0.0703 155.44) 87.1%, oklch(88.20% 0.0588 156.89) 90.3%, oklch(88.34% 0.0482 158.26) 93.5%, oklch(88.45% 0.0394 159.40) 96.8%, oklch(88.58% 0.0331 160.18) 100.0%);

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

Gradient cho hero section

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