Hồng đào, xanh dương, tím hoa cà và nâu (gradient xuyên tâm)

Bảng màu Hồng đào, xanh dương, tím hoa cà và nâu

Gradient xuyên tâm, 32 màu: #fbcf8d, #d9915f, #4d5e80, #b35d5a, #808b76. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

7 keyframe OKLCH chỉnh sửa được.

#fbcf8d
#fcc984
#ffc175
#ffb76d
#ffad63
#ffa158
#f79a56
#e99559
#d9915f
#ca8b65
#bd846b
#b17974
#9d6e80
#826788
#666387
#526081
#4d5e80
#585c85
#6e5987
#88577f
#9c586f
#a75a61
#ad5c5c
#b35d5a
#b75f5b
#ba6259
#b96751
#b17148
#a27d4b
#90865a
#858a6b
#808b76

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.80% 0.0965 77.34) 0.0%, oklch(86.68% 0.1045 74.52) 3.2%, oklch(85.15% 0.1170 70.51) 6.5%, oklch(83.30% 0.1235 65.86) 9.7%, oklch(81.26% 0.1320 61.12) 12.9%, oklch(79.10% 0.1425 56.84) 16.1%, oklch(76.87% 0.1397 54.54) 19.4%, oklch(74.45% 0.1269 54.75) 22.6%, oklch(71.88% 0.1101 54.81) 25.8%, oklch(69.17% 0.0929 52.04) 29.0%, oklch(66.33% 0.0791 43.75) 32.3%, oklch(63.17% 0.0704 25.79) 35.5%, oklch(59.31% 0.0637 355.56) 38.7%, oklch(55.28% 0.0588 320.42) 41.9%, oklch(51.69% 0.0561 288.28) 45.2%, oklch(49.13% 0.0557 267.04) 48.4%, oklch(48.17% 0.0583 264.13) 51.6%, oklch(48.80% 0.0653 278.96) 54.8%, oklch(50.45% 0.0750 304.51) 58.1%, oklch(52.55% 0.0855 333.65) 61.3%, oklch(54.54% 0.0947 359.23) 64.5%, oklch(55.89% 0.1010 14.51) 67.7%, oklch(56.97% 0.1068 21.00) 71.0%, oklch(57.96% 0.1120 22.99) 74.2%, oklch(58.86% 0.1152 23.89) 77.4%, oklch(59.66% 0.1151 27.11) 80.6%, oklch(60.34% 0.1104 36.05) 83.9%, oklch(60.91% 0.0985 52.51) 87.1%, oklch(61.36% 0.0811 73.68) 90.3%, oklch(61.71% 0.0619 95.92) 93.5%, oklch(61.99% 0.0447 115.62) 96.8%, oklch(62.20% 0.0331 129.12) 100.0%);

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

Bảng màu bộ bốn

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