Renk Karıştırıcı
İki rengi karıştırın ve RGB, HEX ve HSL sonuçlarını görün.
Bu araç hakkında
Color Mixer, iki rengi karıştırmak ve sonuçları birden çok formatta keşfetmek için basit ama güçlü bir araçtır. Brand renk paletleri seçen bir tasarımcı, arayüzler için renk şemaları oluşturan bir geliştirici veya renk uyumunu deneyen bir sanatçı olsanız da, bu araç herhangi bir renk kombinasyonunun RGB, HEX ve HSL değerlerini grafik yazılım veya matematiksel hesaplamalar olmadan anında gösterir.
Aracı kullanmak için, renk seçicileri veya HEX giriş alanlarını kullanarak iki renk seçin veya yapıştırın, ardından her rengin son sonucu ne kadar etkilediğini kontrol etmek için kaydırıcıyı kullanarak karıştırma oranını ayarlayın. Karıştırıcı gerçek zamanlı olarak güncellenir ve karıştırılmış çıktıyı her üç renk formatının yanında gösterir; bu da kod, tasarım dosyaları veya dijital projelerde kullanmak üzere kesin değerleri kopyalamayı kolaylaştırır. Ayrıca renkleri ters çevirebilir veya daha hassas kontrol için bireysel RGB kanallarını ayarlayabilirsiniz.
Sıkça Sorulan Sorular
Kod Uygulaması
# 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.