Hồng, xanh lá, xanh cổ vịt và tím (gradient tuyến tính)

Bảng màu Hồng, xanh lá, xanh cổ vịt và tím

Gradient tuyến tính, 32 màu, góc 135°: #f1c7d7, #697838, #2cbdc4, #f2e8b8, #3d225c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1c7d7
#ebbcc6
#e1aeaf
#d29f92
#bf9073
#a98458
#917c42
#7b7838
#697838
#577d42
#448554
#2c8e6b
#079884
#00a29b
#00acaf
#10b5bd
#2cbdc4
#4ac9c6
#6cd6c5
#90e2c2
#b3ebbf
#d2f0be
#e7efbc
#f2e8b8
#f2d8ae
#e7bd9d
#d49d8d
#b87a7f
#965b75
#73416c
#542e63
#3d225c

CSS

background: linear-gradient(135deg in oklch, oklch(87.01% 0.0524 353.67) 0.0%, oklch(84.07% 0.0554 3.87) 3.2%, oklch(79.75% 0.0596 17.79) 6.5%, oklch(74.60% 0.0645 34.39) 9.7%, oklch(69.12% 0.0699 52.60) 12.9%, oklch(63.86% 0.0756 71.38) 16.1%, oklch(59.32% 0.0811 89.67) 19.4%, oklch(56.04% 0.0862 106.41) 22.6%, oklch(54.53% 0.0906 120.71) 25.8%, oklch(54.62% 0.0955 135.14) 29.0%, oklch(55.94% 0.1007 150.21) 32.3%, oklch(58.16% 0.1060 164.93) 35.5%, oklch(61.02% 0.1108 178.33) 38.7%, oklch(64.20% 0.1111 189.44) 41.9%, oklch(67.41% 0.1147 197.28) 45.2%, oklch(70.37% 0.1177 200.89) 48.4%, oklch(73.03% 0.1157 199.32) 51.6%, oklch(76.61% 0.1102 192.61) 54.8%, oklch(80.84% 0.1022 181.67) 58.1%, oklch(85.17% 0.0926 167.47) 61.3%, oklch(89.07% 0.0827 150.96) 64.5%, oklch(91.98% 0.0736 133.11) 67.7%, oklch(93.36% 0.0665 114.88) 71.0%, oklch(92.68% 0.0624 97.22) 74.2%, oklch(89.23% 0.0622 79.52) 77.4%, oklch(82.80% 0.0651 59.02) 80.6%, oklch(74.27% 0.0703 36.79) 83.9%, oklch(64.54% 0.0770 14.06) 87.1%, oklch(54.53% 0.0842 352.07) 90.3%, oklch(45.15% 0.0911 332.06) 93.5%, oklch(37.30% 0.0968 315.27) 96.8%, oklch(31.89% 0.1006 302.95) 100.0%);

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

Màu siêu thực

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