Loading
Rənglər seçin, HEX, RGB, HSL formatları arasında çevirin və gözəl rəng paletləri yaratmaq.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Rənglər seçin, HEX, RGB, HSL formatları arasında çevirin və gözəl rəng paletləri yaratmaq.
Yeni alətlər və funksiyalar haqqında məlumat almaq üçün abunə olun.
Əsas rəngi seçmək üçün rəng spektri sahəsinə klikləyin və ya giriş sahəsinə HEX, RGB, HSL formatında müəyyən rəng dəyəri daxil edin.
Ton sürüşdürücüsü və doyma-parlaqlıq panelini istifadə edərək seçdiyiniz rəngi dəqiq tənzimləyin.
HEX, RGB və ya HSL təsvirləri yanında kopyalama düyməsinə klikləyərək istədiyiniz formatda rəng dəyərini kopyalayın.
Seçiminizə əsaslanan yaradılmış rəng paletlərini kəşf edin - tamamlayıcı, analoq, triada və digər harmoniyalar dizayn ilhamı üçün.
Dizaynerlər və proqramçılar bir neçə formatda dəqiq rəng dəyərlərinə ehtiyac duyurlar. Bu alət HEX, RGB və HSL arasında ani çevirmə edərək dizayn və inkişaf iş axınını sürətləndirir.
Rəng harmoniyası paletləri dərin rəng nəzəriyyəsi biliyi olmadan vizual cəhətdən cəlbedici dizaynlar yaratmağa kömək edir.
Veb proqramçılar CSS stylesheetləri, HTML atributları və JavaScript canvas əməliyyatları üçün tez-tez müəyyən rəng kodlarına ehtiyac duyurlar.
Alət heç bir hesab tələb etmədən tamamilə brauzerinizdə işləyir.
Accessibility-dən xəbərdar dizaynerlər rəng kontrast nisbətlərini test edə və rəng seçimlərinin WCAG qaydalarına uyğunluğunu təmin edə bilərlər.
Veb üçün dizayn edərkən CSS-də daha asan rəng manipulyasiyası üçün HSL formatından istifadə edin.
Brend ardıcıllığı üçün seçdiyiniz HEX dəyərlərini CSS custom properties (dəyişənlər) kimi bütün layihənizdə istifadə edin.
Rəng seçimlərinizi oxunaqlılıq üçün kifayət qədər kontrastı təmin etmək məqsədilə həm açıq, həm də tünd fondalar test edin.
Rəng sistemi qurarkən əsas rəngdən başlayın və vurğu rənglər üçün yaradılmış harmoniya paletlərini başlanğıc nöqtəsi kimi istifadə edin.
HEX CSS və veb dizaynda istifadə olunan altı rəqəmli onaltılıq koddur (#FF5733). RGB Qırmızı, Yaşıl və Mavi kanal dəyərlərini 0-255 aralığında təyin edir. HSL isə Ton (0-360 dərəcə), Doyma (0-100%) və Parlaqlıq (0-100%) istifadə edir - insanlar üçün ən intuitiv formatdır.
Kimliğinizi əks etdirən əsas brend rəngini seçərək başlayın, sonra tamamlayıcı və vurğu rəngləri tapmaq üçün rəng seçicisinin harmoniya paleti generatorundan istifadə edin. Accessibility üçün yoxlayın və bir neçə ekranda test edin.
Rəng paleti dizaynda harmonik şəkildə birlikdə işləyən seçilmiş rənglər dəstidir. Təyin olunmuş palet veb saytınızda, tətbiqinizdə vizual ardıcıllığı təmin edir. Əksər effektiv paletlərə əsas rəng, ikinci rəng, vurğu rəngi və neytral tonlar daxildir.
Bu alət əsasən rəng seçimi və palet yaratmağa fokuslanır, lakin təqdim etdiyi HEX və RGB dəyərləri WCAG kontrast nisbətlərini yoxlamaq üçün xüsusi accessibility yoxlayıcıları ilə istifadə oluna bilər. Normal mətn üçün minimum 4.5:1, böyük mətn üçün 3:1 kontrast nisbəti tövsiyə olunur.
Tamamlayıcı rənglər rəng çarxında bir-birinin əksində yerləşir (mavi və narıncı kimi), güclü kontrast yaradır. Analoq rənglər çarxda yan-yanadır, harmonik dizaynlar yaradır. Triada rənglər 120 dərəcə aralıqla yerləşir, canlı müxtəliflik təklif edir.
Sadəcə giriş sahəsinə HEX rəng kodunuzu daxil edin və alət dərhal ekvivalent RGB və HSL dəyərlərini göstərəcək. Çevirmə avtomatik və iki istiqamətlidir.
URL, mətn, email, telefon nömrəsi və daha çox üçün QR kodlar yaratmaq. PNG və ya SVG olaraq endirin.
Dizayn və maketlər üçün lorem ipsum yer tutucu mətn yaratmaq. Paraqraf, cümlə və ya söz seçin.
Güclü, təsadüfi şifrələr yaratmaq. Uzunluq və simvol növlərini təyin edin. Şifrə gücü göstəricisi daxildir.
UUID v4 identifikatorları onlayn yaratmaq. Toplu yaratma, böyük/kiçik hərf seçimi, tirəsiz variant.