Mélangeur de Couleurs
Mélangez deux couleurs et voyez les résultats en RGB, HEX et HSL.
À propos de cet outil
Color Mixer est un outil simple mais puissant pour mélanger deux couleurs et explorer les résultats dans plusieurs formats. Que vous soyez un designer choisissant des palettes de couleurs de marque, un développeur construisant des schémas de couleurs pour des interfaces, ou un artiste expérimentant l'harmonie des couleurs, cet outil vous montre instantanément les valeurs RGB, HEX et HSL de toute combinaison de couleurs sans avoir besoin d'un logiciel graphique ni de calculs mathématiques.
Pour utiliser l'outil, sélectionnez ou collez deux couleurs à l'aide des sélecteurs de couleur ou des champs de saisie HEX, puis ajustez le rapport de mélange à l'aide du curseur pour contrôler l'influence de chaque couleur sur le résultat final. Le mélangeur se met à jour en temps réel, affichant la sortie fusionnée aux côtés des trois formats de couleur, ce qui facilite la copie des valeurs exactes pour une utilisation dans le code, les fichiers de conception ou les projets numériques. Vous pouvez également inverser les couleurs ou ajuster les canaux RVB individuels pour un contrôle plus précis.
Questions Fréquentes
Implémentation du Code
# RGB linear interpolation color mixing
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip('#')
return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02x}{g:02x}{b:02x}"
def mix_colors(color_a: str, color_b: str, ratio: float = 0.5) -> str:
"""
Mix two hex colors.
ratio=0.0 -> pure color_a
ratio=0.5 -> equal mix
ratio=1.0 -> pure color_b
"""
r1, g1, b1 = hex_to_rgb(color_a)
r2, g2, b2 = hex_to_rgb(color_b)
r = round(r1 + (r2 - r1) * ratio)
g = round(g1 + (g2 - g1) * ratio)
b = round(b1 + (b2 - b1) * ratio)
return rgb_to_hex(r, g, b)
# Generate gradient steps
def gradient_steps(color_a: str, color_b: str, steps: int = 5) -> list[str]:
return [mix_colors(color_a, color_b, i / (steps - 1)) for i in range(steps)]
print(mix_colors("#6366f1", "#ec4899", 0.5)) # #a7559d
print(gradient_steps("#6366f1", "#ec4899"))Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.