Projekt
QR, kolory i małe pomoce do obrazów.
Generator QR
Utwórz kod QR dla adresów URL lub tekstu — ECC, rozmiar, cicha strefa i kolory — wszystko na urządzeniu.
Generator kodu kreskowego
CODE128, EAN-13, UPC lub CODE39.
Selektor kolorów
Hex, RGB i HSL z koloru.
Sprawdzanie kontrastu
Współczynnik kontrastu WCAG dwóch kolorów.
SVG do PNG
Rasteryzuj SVG do PNG.
Generator favicon
Utwórz faviconę ICO z pliku PNG — wyśrodkowaną na przezroczystym płótnie, w wielu rozmiarach w jednym pliku.
Generator palety
Paleta z koloru bazowego.
Generator gradientu
Gradient CSS i PNG.
Obraz OG
Obraz udostępniania 1200×630.
Kreator wykresów
CSV na słupki/linie.
Zrzut kodu
Renderuj kod jako PNG.
Cień CSS
Ustaw box-shadow na żywo.
Kalendarz do druku
PNG kalendarza miesięcznego.
Tagi meta
Generuj meta SEO/społecznościowe.
Awatar identicon
Geometryczny awatar z tekstu.
Symulacja ślepoty barw
Przybliżenie CVD.
CSS Border-Radius
Podgląd i kopiowanie border-radius dla czterech rogów.
Obraz zastępczy
Jednokolorowy PNG z rozmiarem i etykietą.
CSS Outline
Zbuduj szerokość, styl i kolor outline.
CSS Opacity
Zbuduj regułę opacity: 0–1.
CSS Letter-Spacing
Zbuduj regułę letter-spacing w em.
CSS Line-Height
Zbuduj bezwymiarową regułę line-height.
CSS Word-Spacing
Zbuduj regułę word-spacing w em.
CSS Font-Weight
Zbuduj regułę font-weight 100–900.
CSS Text-Transform
Zbuduj regułę text-transform ze słowem kluczowym.
CSS Text-Align
Zbuduj regułę text-align ze słowem kluczowym.
CSS Font-Style
Zbuduj regułę font-style ze słowem kluczowym.
CSS Text-Decoration
Zbuduj regułę text-decoration ze słowem kluczowym.
CSS Text-Indent
Zbuduj regułę text-indent w em.
CSS White-Space
Zbuduj regułę white-space ze słowem kluczowym.
CSS Cursor
Zbuduj regułę cursor ze słowem kluczowym.
CSS User-Select
Zbuduj regułę user-select ze słowem kluczowym.
CSS Overflow
Zbuduj regułę overflow ze słowem kluczowym.
CSS Gap
Zbuduj regułę gap w rem.
Luminancja hex
Względna luminancja koloru hex.
Komplement hex
Komplementarny kolor hex.
Rozjaśnij hex
Rozjaśnij kolor hex o procent.
Przyciemnij hex
Przyciemnij kolor hex o procent.
Mieszaj hex
Wymieszaj dwa kolory hex.
Odwróć hex
Odwróć RGB koloru hex.
Hex do HSL
Zamień hex na HSL.
HSL do hex
Zamień HSL na hex.
px do rem
Zamień piksele na rem.
rem do px
Zamień rem na piksele.
px do em
Zamień piksele na em.
em do px
Zamień em na piksele.
vw do px
Zamień vw na piksele.
px do vw
Zamień piksele na vw.
Alpha Hex8
Dołącz alpha do koloru hex.
Przyciemnij hex (tint)
Wymieszaj kolor hex w stronę bieli.
Przyciemnij hex (shade)
Wymieszaj kolor hex w stronę czerni.
Hex w skali szarości
Zamień hex na skalę szarości.
Para kontrastu hex
Współczynnik kontrastu dwóch kolorów hex.
CSS Aspect-Pad
padding-top % dla proporcji.
Losowy pastelowy hex
Losowy pastelowy kolor hex.