Xám, tím, xanh dương và xanh lá (gradient xuyên tâm)

Xám, tím, xanh dương và xanh lá: bảng màu gồm 32 màu. #61616b, #a47da3, #ae798a, #719ba5, #608a5f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#61616b
#656471
#6b6879
#736d83
#7d718d
#887596
#93799d
#9d7ba2
#a47da3
#aa7da1
#af7c9b
#b27a93
#b3798c
#b37886
#b27882
#b07884
#ae798a
#aa7b96
#a280a3
#9687ae
#898eb3
#7d94b2
#7599ad
#719ba5
#6e9b9e
#6a9a96
#66988d
#639583
#609279
#5f8f6f
#5f8c66
#608a5f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(49.61% 0.0152 285.47) 0.0%, oklch(50.85% 0.0201 288.71) 3.2%, oklch(52.62% 0.0271 293.06) 6.5%, oklch(54.73% 0.0355 298.24) 9.7%, oklch(57.00% 0.0445 303.97) 12.9%, oklch(59.25% 0.0535 309.98) 16.1%, oklch(61.29% 0.0616 315.98) 19.4%, oklch(62.92% 0.0682 321.69) 22.6%, oklch(63.99% 0.0725 326.96) 25.8%, oklch(64.51% 0.0751 333.82) 29.0%, oklch(64.64% 0.0765 342.22) 32.3%, oklch(64.48% 0.0768 350.96) 35.5%, oklch(64.16% 0.0764 358.86) 38.7%, oklch(63.79% 0.0754 4.71) 41.9%, oklch(63.48% 0.0740 7.34) 45.2%, oklch(63.35% 0.0724 5.54) 48.4%, oklch(63.49% 0.0707 358.01) 51.6%, oklch(63.87% 0.0678 343.94) 54.8%, oklch(64.39% 0.0639 324.84) 58.1%, oklch(64.97% 0.0597 302.47) 61.3%, oklch(65.52% 0.0554 278.57) 64.5%, oklch(65.97% 0.0518 254.89) 67.7%, oklch(66.22% 0.0492 233.19) 71.0%, oklch(66.20% 0.0482 215.20) 74.2%, oklch(65.81% 0.0492 201.37) 77.4%, oklch(65.07% 0.0520 189.24) 80.6%, oklch(64.07% 0.0562 178.59) 83.9%, oklch(62.92% 0.0613 169.30) 87.1%, oklch(61.74% 0.0665 161.29) 90.3%, oklch(60.62% 0.0715 154.45) 93.5%, oklch(59.69% 0.0757 148.68) 96.8%, oklch(59.06% 0.0785 143.86) 100.0%);

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

Màu vệt dầu loang

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