Hồng cá hồi, hồng đào, xanh cổ vịt và xanh dương (gradient xuyên tâm)

Bảng màu Hồng cá hồi, hồng đào, xanh cổ vịt và xanh dương

Gradient xuyên tâm, 32 màu: #ff786b, #ffab76, #a6d989, #27b6c4, #2473a5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff786b
#ff7c6c
#ff806e
#fe8670
#fe8c72
#fe9373
#ff9973
#ffa173
#ffab76
#ffb579
#ffbe7a
#ffc674
#f9ce6f
#edd371
#dad775
#c2d97d
#a6d989
#8bd795
#71d3a2
#5bcfad
#48cab5
#39c4bc
#2ebdc1
#27b6c4
#26aec6
#27a6c5
#289dc2
#2793bc
#2689b6
#2580af
#2478a9
#2473a5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(72.83% 0.1667 27.42) 0.0%, oklch(73.38% 0.1629 28.62) 3.2%, oklch(74.09% 0.1573 29.98) 6.5%, oklch(74.96% 0.1508 31.71) 9.7%, oklch(75.93% 0.1441 34.02) 12.9%, oklch(77.00% 0.1379 37.13) 16.1%, oklch(78.12% 0.1330 41.25) 19.4%, oklch(79.43% 0.1276 46.44) 22.6%, oklch(81.15% 0.1209 52.45) 25.8%, oklch(83.01% 0.1153 59.29) 29.0%, oklch(84.77% 0.1134 66.96) 32.3%, oklch(86.16% 0.1194 75.45) 35.5%, oklch(86.93% 0.1231 84.76) 38.7%, oklch(86.86% 0.1219 95.15) 41.9%, oklch(86.05% 0.1209 107.32) 45.2%, oklch(84.70% 0.1200 120.67) 48.4%, oklch(83.00% 0.1191 134.44) 51.6%, oklch(81.15% 0.1183 147.90) 54.8%, oklch(79.34% 0.1176 160.30) 58.1%, oklch(77.72% 0.1168 171.01) 61.3%, oklch(76.16% 0.1161 180.75) 64.5%, oklch(74.56% 0.1154 189.76) 67.7%, oklch(72.89% 0.1148 198.06) 71.0%, oklch(71.15% 0.1142 205.66) 74.2%, oklch(69.30% 0.1135 212.58) 77.4%, oklch(67.30% 0.1129 218.83) 80.6%, oklch(64.92% 0.1121 224.37) 83.9%, oklch(62.25% 0.1114 229.20) 87.1%, oklch(59.50% 0.1106 233.34) 90.3%, oklch(56.91% 0.1099 236.83) 93.5%, oklch(54.72% 0.1093 239.69) 96.8%, oklch(53.15% 0.1089 241.94) 100.0%);

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

Gradient tươi sáng Gradient mùa hè Gradient mùa xuâ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