Unelte gratuite
Optsprezece unelte gratuite
Culoare, imagini, tipar, text și SEO. Totul rulează în browserul tău — fișierele nu se încarcă pe niciun server și merg și fără internet, odată deschisă pagina.
Convertor culoare
Când lucrezi simultan pe ecran și pentru tipar, aceeași culoare trebuie exprimată în mai multe limbaje: HEX pentru CSS, RGB pentru ecrane, HSL pentru ajustări fine de luminozitate și CMYK pentru tipografie. Acest convertor traduce instantaneu între toate cele patru formate — alegi o culoare sau scrii un cod, iar restul valorilor se completează singure. Conversia CMYK este cea matematică, fără profil ICC: pentru potrivire exactă la tipar, cere întotdeauna tipografiei profilul lor de culoare.
Paletă din imagine
Fiecare fotografie poartă în ea o paletă de culori pe care ochiul o simte, dar pe care rareori o descompune în valori exacte. Trage o imagine aici și primești culorile dominante, extrase prin cuantizare directă pe pixeli — util când preiei un brand care nu vine cu manual, când cauți armonia cromatică dintr-o fotografie de produs sau când vrei să construiești o identitate vizuală pornind de la o imagine de referință. Culorile se copiază cu un clic, gata de folosit în orice editor grafic sau foaie de stil.
Trage imaginea aici
sau apasă ca să alegi un fișier
Contrast WCAG
Un text care nu se citește ușor peste fundal nu e doar o problemă estetică — este o barieră de accesibilitate. Standardul WCAG cere un raport de contrast de minimum 4,5:1 pentru text obișnuit și 3:1 pentru text mare sau elemente de interfață. Acest instrument calculează raportul în timp real, îți arată cum arată combinația aleasă și îți spune clar dacă trece sau nu fiecare prag. Folosește-l înainte să finalizezi orice paletă de culori pentru un site sau un material digital.
Textul obișnuit arată așa peste fundalul ales.
Iar titlurile arată așa.
Raport de contrast
Generator gradient CSS
Un gradient bine ales poate înlocui o imagine de fundal, poate ghida privirea și poate da personalitate unei pagini fără să adauge un gram de greutate. Alegi două culori, tipul (liniar sau radial) și unghiul, iar codul CSS se generează instantaneu, gata de copiat. Dacă vrei tranziții fără zone murdare sau cenușii la mijloc, alege culori cu luminozitate apropiată — gradientul dintre un galben strălucitor și un albastru închis va trece inevitabil printr-un verde nesatisfăcător.
Convertor și compresor imagini
Viteza unui site depinde în mare parte de greutatea imaginilor. Acest instrument convertește între formatele WebP, JPG și PNG și redimensionează în aceeași mișcare — fără a încărca fișierul pe niciun server. WebP reduce de obicei greutatea cu 25–50% față de JPG la aceeași calitate percepută, ceea ce înseamnă pagini mai rapide, un scor mai bun în Google PageSpeed și o experiență mai plăcută pentru vizitatori. Tragi imaginea, alegi formatul, calitatea și lățimea maximă, iar rezultatul se descarcă direct din browser.
Trage imaginea aici
sau apasă ca să alegi un fișier
Dimensiuni pentru tipar
Trecerea de la ecran la hârtie presupune o traducere pe care mulți o fac greșit: câți pixeli are un A4 la 300 dpi? Dar un afiș A2 la 150? Acest calculator face conversia instantanee între pixeli, milimetri și inch la orice rezoluție, și adaugă automat dimensiunea cu bleed de 3 mm — marginea suplimentară pe care orice tipografie o cere pentru a evita dungi albe la tăiere. 300 dpi e standardul pentru materiale ținute în mână, 150 pentru afișe privite de la distanță, 72 pentru ecran.
Dimensiuni social media
Fiecare platformă socială are propriile dimensiuni recomandate pentru imagini, iar un vizual creat la rezoluție greșită va fi fie tăiat automat, fie afișat neclar. Aici găsești toate formatele curente pentru Instagram, Facebook, LinkedIn, YouTube, TikTok și Pinterest — de la postări și story-uri până la bannere de canal și miniaturi. Regula practică: exportă întotdeauna la dimensiunea maximă din specificație și lasă platforma să micșoreze. Invers nu funcționează — o imagine mărită de algoritm va arăta neclară și neprofesionistă.
Contor cuvinte și caractere
Un titlu SEO are nevoie de maximum 60 de caractere, o meta description de 155, o postare pe Instagram de sub 2200, iar un text de site trebuie să aibă suficiente cuvinte ca Google să-l considere relevant. Acest contor numără instantaneu cuvintele, caracterele, propozițiile și paragrafele, și estimează timpul de citire la 200 de cuvinte pe minut. Lipești textul, vezi cifrele, ajustezi — fără instalări, fără conturi, fără reclame. Funcționează și offline, odată ce pagina e încărcată.
Generator Lorem ipsum
Textul de umplutură există pentru un singur motiv: să simuleze volumul real al conținutului într-o machetă, fără ca cititorul să fie distras de cuvinte cu sens. Generează paragrafe, propoziții sau un număr exact de cuvinte, în funcție de ce ai nevoie. Un sfat din experiență: dacă poți, folosește textul real al clientului în loc de Lorem ipsum — jumătate din problemele de layout apar abia atunci când pui conținut autentic, cu lungimi imprevizibile și cu diacritice românești.
Generator de parole
O parolă bună are trei calități: e lungă, e imprevizibilă și nu e folosită în altă parte. Acest generator folosește funcția criptografică a browserului (crypto.getRandomValues), nu Math.random, ceea ce înseamnă că rezultatul este cu adevărat aleatoriu, nu doar aparent. Caracterele ambigue — litera l mică, cifra 1, litera O mare și cifra 0 — sunt scoase din setul de caractere, ca parola generată să poată fi dictată la telefon fără confuzii. Nimic nu părăsește calculatorul tău: generarea se face local, iar parola dispare când închizi pagina.
Previzualizare Google
Înainte să publici o pagină, merită să vezi exact cum va apărea în rezultatele Google. Titlul, descrierea și adresa formează primul contact al unui potențial client cu site-ul tău — iar Google le taie fără milă dacă depășesc limita: titlul peste ~60 de caractere și descrierea peste ~155. Acest instrument îți arată în timp real previzualizarea rezultatului, cu numărătoare de caractere și avertisment când ești prea lung. Titlul e cel mai puternic semnal SEO on-page: pune cuvântul cheie în față și numele brandului la final.
Generator meta tags
Meta tag-urile sunt invizibile pentru vizitator, dar esențiale pentru motoarele de căutare și pentru platformele sociale. Acest generator produce blocul complet de cod HTML pentru secțiunea <head> a paginii: title, meta description, canonical, Open Graph (pentru Facebook, LinkedIn și WhatsApp) și Twitter Card. Completezi cele patru câmpuri — titlu, descriere, adresă și imagine — și primești codul gata de lipit. Imaginea Open Graph ideală are 1200 × 630 pixeli și o zonă sigură centrală de 600 × 315.
Generator slug
Un URL curat și ușor de citit nu e doar mai frumos — ajută și la poziționarea în motoarele de căutare. Acest generator transformă orice titlu românesc într-un slug valid: diacriticele devin litere simple (ă→a, ș→s, ț→t), spațiile devin cratime, iar caracterele speciale dispar. Rezultatul e un URL scurt, descriptiv și prietenos atât pentru oameni, cât și pentru Google. Ține slug-ul sub 60 de caractere și scoate cuvintele de umplutură care nu adaugă sens — „de", „și", „în", „la" — dacă poți păstra claritatea fără ele.
Generator UTM
Când distribui un link pe Facebook, într-un email sau într-o campanie Google Ads, ai nevoie să știi exact de unde vin vizitatorii. Parametrii UTM sunt etichete adăugate la adresa paginii care spun Google Analytics sursa, mediul și campania fiecărui clic. Acest generator construiește automat link-ul complet — tu completezi sursa și mediul, el face restul. Un detaliu important: scrie întotdeauna cu litere mici. „Facebook" și „facebook" apar ca două surse diferite în rapoarte, iar inconsecvența transformă analitica într-un haos.
Densitate cuvinte cheie
Optimizarea unui text pentru Google presupune un echilibru delicat: cuvântul cheie principal trebuie să apară suficient de des încât motorul de căutare să înțeleagă despre ce e pagina, dar nu atât de des încât textul să sune forțat sau repetitiv. Acest instrument numără aparițiile fiecărui cuvânt relevant din text, filtrând automat cuvintele de legătură în română și în engleză, și calculează procentul fiecăruia. Peste 3% pentru un singur cuvânt e de obicei prea mult — atât pentru Google, cât și pentru cititorul uman.
Majuscule si minuscule
Aceeași propoziție poate arăta complet diferit în funcție de convenția de scriere: cu majuscule pe fiecare cuvânt pentru un titlu, integral cu litere mari pentru o etichetă, cu literă mare doar la început pentru un paragraf, sau în format camelCase pentru o variabilă de programare. Acest instrument convertește instantaneu între cinci variante, cu un buton de copiere pentru fiecare. Titlurile scrise integral cu majuscule se citesc cu până la 13% mai lent — folosește-le doar pe etichete scurte, nu pe paragrafe întregi.
Calculator TVA
Indiferent dacă emiți o factură, estimezi costul unui proiect sau verifici un preț primit de la un furnizor, calculul TVA este o operație pe care o faci zilnic. Acest calculator adaugă TVA la o sumă netă sau extrage TVA-ul dintr-o sumă care îl include deja, la oricare dintre cotele folosite în România: 21% standard, 11%, 9% sau 5% reduse. Rezultatul se actualizează în timp real, fără butoane de calcul. Atenție: cotele de TVA se schimbă periodic prin lege — verifică întotdeauna valoarea în vigoare înainte de a emite documente oficiale.
Generator box-shadow
O umbră bine făcută dă adâncime și ierarhie vizuală fără să adauge greutate sau complexitate grafică. Dar o umbră credibilă are reguli: deplasare mică pe verticală, blur mare, opacitate mică și spread negativ. O umbră care se extinde egal în toate direcțiile nu există în lumea reală și arată artificial pe ecran. Acest generator îți arată în timp real efectul fiecărui parametru — deplasare, blur, spread, opacitate și direcție — pe un element de previzualizare, cu codul CSS gata de copiat. Experimentează până găsești combinația care se potrivește designului tău.