Exteriör och inre färgsimulator + kontrastkontroll

Ladda upp ett foto för att jämföra exteriör, interiör, skyltning och UI-stil omfärgning på plats.

Inbyggda kontroller för 4.5:1 normal text, 3:1 stor text och 3:1 UI element hjälper ditt förslag landa bättre.

Bilder stannar i webbläsaren Överlägg skyltar, text och UI mockups Direkt 4.5.1 / 3:1 kontroller

Hur du använder

  1. Ladda upp en fasad eller ett interiörfoto.
  2. Välj en scen och justera huvud- och accentfärgerna.
  3. Ange rubrik, kroppskopia och knapptext för att kontrollera signage och UI-mockups.
  4. Granska kontrasten, använd sedan PNG/JPEG export eller aktieadressen i ditt förslag.

Där det hjälper

Fasad- och takjämförelser

Lagerfärger över plats bilder för att jämföra fasad, tak och trim val snabbt.

Inre förslag

Visa mötesrum, receptioner och lounge utrymmen med en fotobaserad färgstudie.

Signage- och katalogtavlor

Kontrollera hur textfärg och bakgrundsfärg fungerar tillsammans innan du presenterar.

Förhandsgranskningar av UI- stil

Vänd förslagskort och knappar till rena UI-mockups som är lättare att granska.

Kontrastnormer

Normal text 4.5:1

Använd detta som baslinje för kroppskopia och annan liten text.

Stor text 3:1

Använd 3:1 för rubriker och större text för att bekräfta läsbar kontrast.

UI-element 3:1

Använd 3:1 för knappar, gränser och ikoner för att göra skillnader uppenbara.

Anmärkningar

  • Foton och typad kopia används endast på denna enhet.
  • Verkliga färgfärger skiftar med belysning, substrat och material, så bekräfta alltid med fysiska prover innan det slutliga beslutet.
  • Kontrastkontrollen följer WCAG-formeln och är tänkt som en förslagsstegsguide. Följ först de rättsliga eller interna standarderna när de finns.

FAQ

Skickas foton till en server?

Nej. Uppladdade bilder behandlas helt i webbläsaren.

Innehåller webbadresserna för delade foton eller text?

Nej. Dela webbadresser inkluderar bara scen, färger och visningsinställningar.

Kan jag använda den både för yttre och inre arbete?

Ja. Byt scener för att granska fasader, interiörer, skyltning och UI-stil layouter.

Ersätts en granskning av tillgängligheten av kontrastkontrollen?

Nej. Det är en förslagssteg guide. Kör formella revisioner och följ dina egna standarder separat.