Xám, xanh cổ vịt, hồng và xanh hải quân (gradient xuyên tâm)

Bảng màu Xám, xanh cổ vịt, hồng và xanh hải quân

Gradient xuyên tâm, 32 màu: #f1e8d4, #4f8c81, #917d00, #b84a99, #292a30. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1e8d4
#e8e1c9
#d9d7bc
#c6cbaf
#afbfa2
#97b296
#7ea48d
#659886
#4f8c81
#3a837b
#267d75
#117b6e
#007d63
#1b8051
#438334
#6e8100
#917d00
#ae7700
#cd6900
#e8522c
#ea4a5d
#e1487b
#cf488f
#b84a99
#9d4a9a
#834992
#6a4683
#544171
#433b5e
#36354b
#2e2f3b
#292a30

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(93.31% 0.0289 86.48) 0.0%, oklch(90.79% 0.0319 93.35) 3.2%, oklch(87.30% 0.0353 103.64) 6.5%, oklch(83.08% 0.0393 116.34) 9.7%, oklch(78.37% 0.0437 130.43) 12.9%, oklch(73.42% 0.0487 144.88) 16.1%, oklch(68.48% 0.0542 158.66) 19.4%, oklch(63.79% 0.0603 170.77) 22.6%, oklch(59.60% 0.0668 180.16) 25.8%, oklch(56.16% 0.0738 185.83) 29.0%, oklch(53.70% 0.0814 186.75) 32.3%, oklch(52.47% 0.0902 182.01) 35.5%, oklch(52.43% 0.1017 171.95) 38.7%, oklch(53.32% 0.1159 157.55) 41.9%, oklch(54.88% 0.1311 139.79) 45.2%, oklch(56.86% 0.1345 119.66) 48.4%, oklch(58.99% 0.1220 98.12) 51.6%, oklch(61.02% 0.1281 76.18) 54.8%, oklch(62.69% 0.1555 54.84) 58.1%, oklch(63.73% 0.1926 35.08) 61.3%, oklch(63.89% 0.1954 17.86) 64.5%, oklch(62.93% 0.1927 3.98) 67.7%, oklch(60.86% 0.1836 351.57) 71.0%, oklch(57.92% 0.1689 339.92) 74.2%, oklch(54.31% 0.1500 329.05) 77.4%, oklch(50.26% 0.1283 318.99) 80.6%, oklch(45.98% 0.1049 309.74) 83.9%, oklch(41.69% 0.0812 301.32) 87.1%, oklch(37.61% 0.0586 293.76) 90.3%, oklch(33.94% 0.0382 287.06) 93.5%, oklch(30.92% 0.0215 281.25) 96.8%, oklch(28.74% 0.0096 276.35) 100.0%);

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

Màu zine

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