Hönnun og CSS

Búðu til liti, móttækilegar stærðir og framleiðslutilbúið CSS.

Litir og aðgengi

LitabreytirBreyttu litum á milli HEX, RGB, HSL, HSV, CMYK og LAB — breyttu hvaða reit sem er og hinir uppfærast jafnharðan.Sérhæfðar síður (8)
BirtuskilamælirSláðu inn texta- og bakgrunnslit til að sjá WCAG-birtuskilahutfallið og hvaða AA- og AAA-kröfur standast.

CSS útlit og áhrif

Box Shadow rafallDragðu sleða til að móta box-shadow, raðaðu lögum til að skapa dýpt og afritaðu tilbúið CSS samstundis.
Litagradíent rafallBúðu til línulegan, hringlaga eða keilulaga stigul, bættu við litastoppum, stilltu stefnuna og afritaðu CSS-kóðann með einum smelli.
Border Radius rafallRúnnaðu hvert horn með sleðum, búðu til lífræn form með eldingarlaga stillingu og afritaðu CSS-kóðann samstundis.
Flexbox rafallSettu upp flex-gám og einingar hans með myndrænum stýringum, sjáðu breytingarnar í rauntíma og afritaðu CSS-kóðann með einum smelli.
CSS Grid rafallStilltu dálka og raðir, dragðu yfir reitina til að staðsetja einingar og afritaðu grid-CSS ásamt samsvarandi HTML með einum smelli.
CSS Cubic Bezier rafallDragðu handföngin tvö til að móta hreyfisveigju, fylgstu með punktinum hreyfast og afritaðu cubic-bezier() gildið.
CSS clamp() reiknivélSláðu inn stærð fyrir litla og stóra skjái og fáðu flæðandi clamp() gildi sem breytist mjúklega á milli — fyrir leturstærðir, spássíur eða bil.

Skjár, prentun og hlutföll

Skoðun á letri og leyfum

Leyfis- og upplýsingaprófari fyrir leturOpnaðu staðbundið letur til að lesa innbyggð heiti þess, leyfistexta og skjáinnfellingarflögg — sem skráargögn, ekki sem sönnun þess að þú eigir leyfi.