> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getqr.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Värit

> Muuta QR-koodisi, sen kehyksen ja sen kuvatekstin väriä.

Sovita QR-koodisi brändiisi muuttamalla koodin, kehyksen ja kuvatekstin väriä. Valitse valmis väriesiasetus tai aseta jokainen väri itse.

## Ennen kuin aloitat

* Nämä asetukset ovat **Custom designs** -välilehdellä. Branded designs -tyylistä lisää sivulla [Brändätyt QR-koodit](/fi/design/branded-qr).

## Muuta QR-koodin väriä

**1. Avaa suunnitteluvaihe**

Siirry rakennustyökalussa kohtaan **Customize & Download** ja pysy välilehdellä **Custom designs**.

**2. Avaa Customization**

Napsauta **Customization**-valintaa.

**3. Avaa värinvalitsin**

Napsauta **QR Color** -kenttää.

**4. Valitse väri**

Valitse värimalli **Palette**-välilehdeltä, vedä **Solid**-välilehdellä tai kirjoita kenttään hex-koodi, kuten `#003323`.

> [!TIP]
>
> Jos selaimesi tukee sitä, ponnahdusikkunassa näkyy pipettipainike. Sen avulla voit poimia värin mistä tahansa näytöltäsi, esimerkiksi logostasi.

Palaa mustaan napsauttamalla kentän vieressä olevaa palautuspainiketta (pyöreä nuoli). Se tulee näkyviin, kun väri poikkeaa oletuksesta.

## Käytä väriesiasetusta

Kehyksissä on väriesiasetuksia, jotka asettavat QR-koodin, kehyksen ja kuvatekstin värit yhdessä.

**1. Avaa Frame**

Napsauta **Frame**-valintaa.

**2. Valitse kehys**

Valitse kehys kohdasta **Frame around the QR code**.

**3. Valitse esiasetus**

Valitse väriryhmä kohdasta **Color presets**.

Voit edelleen hienosäätää jokaista väriä **Customization**-valinnassa esiasetuksen valitsemisen jälkeen.

## Asetukset

| Asetus | Missä | Mitä se tekee |
| - | - | - |
| **QR Color** | **Customization** | Koodin pisteiden ja kulmien väri. Oletuksena musta. |
| **Frame color** | **Customization**, kun kehys on valittuna | Koodin ympärillä olevan kehyksen väri. |
| **Text Color** | **Customization**, kun kehys on valittuna | Kehyksen kuvatekstin väri. |
| **Color presets** | **Frame**, kehyksille, joilla on esiasetuksia | Asettaa QR-koodin, kehyksen ja kuvatekstin värit yhdellä napsautuksella. |

> [!NOTE]
>
> Rakennustyökalu käyttää yhtenäisiä värejä. Custom design -suunnitelman tausta on valkoinen. Katso [Taustat](/fi/design/backgrounds).

## Vinkkejä skannattaviin väreihin

* Pidä koodi tummana ja tausta vaaleana. Puhelinten kamerat lukevat tumma vaalealla -koodit luotettavimmin.
* Säilytä vahva kontrasti. Vaaleanharmaat, keltaiset tai pastelliset koodit valkoisella eivät välttämättä skannaudu.
* Tee kuvatekstistä luettava kehystä vasten: älä käytä samaa väriä kohdissa **Text Color** ja **Frame color**.
* Testaa muutamalla puhelimella ennen tulostamista.

## Yleisiä ongelmia

> **En voi asettaa QR-koodin väriksi valkoista**
>
> Valkoinen ei ole sallittu **QR Color** -värinä, koska valkoista koodia valkoisella taustalla ei voi skannata. Valitse sen sijaan tumma väri.

> **Hex-koodi muuttuu punaiseksi**
>
> Arvo ei ole kelvollinen hex-väri. Käytä muotoa `#RRGGBB`, esimerkiksi `#0035cc`.

> **En näe kenttiä Frame color tai Text Color**
>
> Nämä kentät näkyvät vain, kun kehys on valittuna. Valitse ensin kehys **Frame**-valinnassa.

> **En näe kohtaa Color presets**
>
> Kaikissa kehyksissä ei ole esiasetuksia, eikä kehyksettömässä vaihtoehdossa ole niitä lainkaan. Valitse toinen kehys.

> **Koodi ei skannaudu värin vaihtamisen jälkeen**
>
> Kontrasti on todennäköisesti liian heikko. Valitse tummempi **QR Color** ja testaa uudelleen.

## Mitä seuraavaksi

> **[Kehykset](/fi/design/frames)**

> **[Taustat](/fi/design/backgrounds)**

> **[Lisää logo](/fi/design/logo)**

> **[Tulosta QR-koodisi](/fi/downloads/printing)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.