Culori și design
Alege, convertește și îmbină culori și generează CSS pentru proiectele tale.
- Asociere de fonturi Previzualizează asocieri de fonturi pentru titluri și text cu 20 de fonturi cu licență deschisă, ajustează dimensiunea și copiază stivele CSS font-family.
- Calculator raport de aspect Calculator de raport: simplifică lățimea și înălțimea, redimensionează păstrând proporțiile, compară 16:9, 4:3, 21:9 și copiază codul CSS aspect-ratio.
- Convertor de culori Convertește orice culoare între HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH și OKLCH. Lipește un cod, vezi culoarea și copiază fiecare format dintr-un clic.
- Convertor PX în REM Convertește px în rem și em cu orice dimensiune a fontului rădăcină, creează un tabel de conversie în masă și transformă valorile px dintr-un CSS în rem.
- Căutare nume de culoare Află numele oricărei culori. Introdu un cod HEX sau RGB și primești cele mai apropiate 5 nume dintre peste 30.000 de culori, plus cea mai apropiată culoare CSS.
- Editor cubic-bezier CSS Creează curbe de easing CSS cu un editor cubic-bezier, compară-le cu linear într-o animație live și copiază cubic-bezier() sau o variantă linear().
- Generator border-radius CSS Modelează vizual border-radius în CSS cu puncte de tras. Setează fiecare colț în px sau %, folosește sintaxa eliptică, creează blob-uri și copiază codul.
- Generator box-shadow CSS Creează umbre CSS box-shadow în straturi, cu previzualizare live. Setează decalaj, estompare, extindere, culoare, inset, încearcă neumorphism și copiază codul.
- Generator clip-path CSS Desenează forme CSS clip-path cu puncte de tras. Editează poligoane, cercuri, elipse și inset, pornește de la presetări precum stele și săgeți și copiază codul.
- Generator de gradient CSS Creează gradiente CSS liniare, radiale și conice cu previzualizare live. Adaugă și trage opriri de culoare, setează unghiul și copiază codul CSS dintr-un clic.
- Generator de paletă de culori Generează palete de culori dintr-o culoare de bază, după armonii cromatice: complementare, analoge, triadice, tetradice, pătrat și monocrome.
- Generator de tonuri deschise și închise Generează tonuri deschise și închise ale oricărei culori, în pași de 5, 10, 20 sau 25 %, amestecate în OKLCH sau sRGB, și exportă-le ca CSS sau Tailwind.
- Generator flexbox și CSS Grid Construiește vizual aranjări flexbox și CSS grid. Setează proprietățile, denumește zone de grilă, vezi rezultatul live și copiază CSS și HTML curat.
- Paletă de culori din imagine Extrage o paletă de culori din orice imagine. Încarcă o fotografie și primești culorile dominante ca coduri HEX, cu ponderea lor, gata de copiat sau exportat.
- Selector de culoare din imagine Încarcă o imagine și apasă pe un pixel ca să-i afli culoarea în HEX, RGB, HSL, HSV și CMYK. Lupă, medie a pixelilor și listă de culori, totul în browser.
- Selector de culori Selector de culori online gratuit. Alege o culoare și copiază instantaneu codurile HEX, RGB, HSL, HSV și CMYK, cu rapoartele de contrast față de alb și negru.
- Simulator de daltonism Simulator de daltonism gratuit. Vezi orice imagine cu protanopie, deuteranopie, tritanopie, formele lor ușoare sau acromatopsie, alăturat sau cu cursor.
- Subsetare fonturi Subsetează un font la caracterele necesare, cu HarfBuzz, în browser. Primești TTF/OTF și WOFF mai mici, previzualizare și regulă @font-face cu unicode-range.
- Verificare contrast culori WCAG Verificare gratuită a contrastului WCAG. Introdu culoarea textului și a fundalului și afli raportul de contrast, rezultatele AA/AAA și o culoare care trece.