Nâu vàng, xám, xanh dương và tím hoa cà (gradient xuyên tâm)

Bảng màu Nâu vàng, xám, xanh dương và tím hoa cà

Gradient xuyên tâm, 32 màu: #e5d592, #91a58c, #546e7c, #6b637d, #bb888a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e5d592
#ded192
#d5cc92
#cbc692
#c0c092
#b5b991
#aab290
#9eac8e
#91a58c
#859d8b
#7a9488
#718c86
#698584
#637f81
#5e797f
#58737d
#546e7c
#526a7c
#52667c
#54647c
#58627c
#5e627c
#64627d
#6b637d
#72657e
#7a6880
#856c83
#917186
#9e7788
#aa7e89
#b5848a
#bb888a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.0868 96.33) 0.0%, oklch(85.72% 0.0825 98.30) 3.2%, oklch(83.99% 0.0764 100.54) 6.5%, oklch(81.91% 0.0693 103.39) 9.7%, oklch(79.62% 0.0619 107.20) 12.9%, oklch(77.24% 0.0549 112.30) 16.1%, oklch(74.87% 0.0492 119.05) 19.4%, oklch(72.48% 0.0448 128.05) 22.6%, oklch(69.86% 0.0410 139.47) 25.8%, oklch(67.12% 0.0377 152.48) 29.0%, oklch(64.39% 0.0351 166.20) 32.3%, oklch(61.80% 0.0331 179.73) 35.5%, oklch(59.48% 0.0319 192.22) 38.7%, oklch(57.49% 0.0317 203.04) 41.9%, oklch(55.61% 0.0329 212.92) 45.2%, oklch(53.89% 0.0349 222.20) 48.4%, oklch(52.38% 0.0375 231.16) 51.6%, oklch(51.17% 0.0400 240.06) 54.8%, oklch(50.31% 0.0420 249.17) 58.1%, oklch(49.88% 0.0430 258.71) 61.3%, oklch(49.84% 0.0431 268.49) 64.5%, oklch(50.16% 0.0426 278.38) 67.7%, oklch(50.79% 0.0419 288.35) 71.0%, oklch(51.70% 0.0415 298.32) 74.2%, oklch(52.86% 0.0418 308.25) 77.4%, oklch(54.24% 0.0431 318.12) 80.6%, oklch(56.19% 0.0457 328.77) 83.9%, oklch(58.66% 0.0494 340.03) 87.1%, oklch(61.34% 0.0535 351.17) 90.3%, oklch(63.94% 0.0575 1.43) 93.5%, oklch(66.17% 0.0610 10.08) 96.8%, oklch(67.72% 0.0634 16.37) 100.0%);

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

Mưa xuân Nam bán cầ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