# Coolors - Színpaletta generátor

> Coolors használata színpaletták generálásához és kezeléséhez - a leggyorsabb színpaletta generátor designereknek.

A **Coolors** a leggyorsabb és legintuitívabb színpaletta generátor designerek, fejlesztők és kreatívok számára. Naponta 50 000+ paletta készül a platformon.

> **Miért válaszd a Coolors-t?**
>
> - **Villámgyors** - Space billentyűvel instant új paletta
> - **AI funkciók** - Intelligens színjavaslatok
> - **Integráció** - Figma, Adobe, Chrome extension
> - **10M+ paletta** - Böngészhető közösségi gyűjtemény

---

## Főbb funkciók

### Paletta generálás

- **Space billentyű** - Új paletta generálása egyetlen gombnyomással
- **Színzárolás** - Tetszett szín megtartása, többi cseréje
- **Harmónia alapú** - Színelmélet algoritmusok
- **5 színű paletták** - Optimális mennyiség

### Színkezelés

- **Többféle formátum** - HEX, RGB, CMYK, HSB, LAB
- **Színkönyvtárak** - Pantone®, Copic® támogatás
- **Shades & Tints** - Árnyalatok generálása
- **Color blindness** - Színvakság szimuláció

### AI funkciók

- **Smart suggestions** - AI alapú színjavaslatok
- **Image extraction** - Színek kinyerése képekből
- **Palette from photo** - Képből paletta készítése

### Export és integráció

- **PDF export** - Nyomtatásra kész
- **Code export** - CSS, SCSS, Swift, stb.
- **URL megosztás** - Egyedi link minden palettához
- **Integrációk** - Figma, Adobe, Böngésző

---

## Használat

### Webes verzió

1. Látogass el: [coolors.co/generate](https://coolors.co/generate)
2. Nyomj **Space**-t új palettához
3. Kattints a **lakat ikonra** tetszett színnél
4. Ismételd amíg elégedett nem leszel

### Billentyűkombinációk

| Billentyű | Funkció |
|-----------|---------|
| `Space` | Új paletta generálása |
| `L` | Szín zárolása/feloldása |
| `C` | Szín másolása |
| `S` | Paletta mentése |
| `E` | Paletta exportálása |
| `A` | Alternatív árnyalatok |

### Szín módosítása

1. Kattints egy színre
2. Használd a csúszkákat:
   - **Hue** - Színárnyalat
   - **Saturation** - Telítettség
   - **Brightness** - Világosság
3. Vagy írd be közvetlenül (HEX, RGB, stb.)

---

## Eszközök

### Contrast Checker

Ellenőrizd a szöveg és háttér kontrasztját:

1. Menj: [coolors.co/contrast-checker](https://coolors.co/contrast-checker)
2. Válaszd ki a szöveg és háttér színét
3. Lásd a WCAG megfelelőséget:
   - **AA** - Minimum követelmény
   - **AAA** - Kiváló kontraszt

### Palette Visualizer

Nézd meg színeidet valós design-okban:

1. Hozz létre palettát
2. Kattints a **Visualize** gombra
3. Lásd a színeket:
   - Weboldalon
   - Mobil app-ban
   - Poszteren
   - Üzleti anyagokon

### Color Blindness Simulator

Ellenőrizd, hogyan látják a színeket:

1. Válaszd ki a palettát
2. Kattints: **View** → **Color blindness**
3. Lásd a különböző típusokat:
   - Deuteranopia
   - Protanopia
   - Tritanopia

### Image Picker

Színek kinyerése képekből:

1. Menj: [coolors.co/image-picker](https://coolors.co/image-picker)
2. Tölts fel egy képet
3. A Coolors automatikusan kinyeri a fő színeket
4. Finomhangold és mentsd el

---

## Integrációk

### Figma Plugin

1. Keresd meg a Coolors plugint Figmában
2. Telepítsd
3. Használd közvetlenül a designban

### Adobe Extension

Elérhető:
- Photoshop
- Illustrator
- InDesign

### Chrome Extension

1. Telepítsd: [Chrome Web Store](https://chrome.google.com/webstore/detail/coolors)
2. Kattints az ikonra bármely weboldalon
3. Generálj palettát vagy nyerd ki a színeket

### iOS App

Letölthető az [App Store-ból](https://apps.apple.com/app/coolors/id956480678):
- Paletták generálása
- Kamera alapú szín azonosítás
- Offline használat

---

## Pro verzió

### Mit ad a Pro?

| Funkció | Free | Pro |
|---------|------|-----|
| Paletta generálás | ✓ | ✓ |
| Paletta mentés | 5 | Korlátlan |
| Projektek | 1 | Korlátlan |
| PDF export | Alap | Haladó (árnyalatok, színvakság) |
| Ads | Van | Nincs |
| Pro profile | - | ✓ |
| Palette Visualizer | - | ✓ |

### Pro Profile

Személyes profil oldal a palettáid, projektjeid és collection-jeid bemutatására.

---

## Tippek designereknek

### 1. 60-30-10 szabály

- **60%** - Fő háttérszín
- **30%** - Másodlagos szín
- **10%** - Kiemelő szín (accent)

### 2. Színharmonikusok

| Típus | Leírás |
|-------|--------|
| **Complementary** | Szemközti színek |
| **Analogous** | Szomszédos színek |
| **Triadic** | Egyenlő távolságú hármas |
| **Split-complementary** | Kiegészítő szín két szomszédja |

### 3. Webes használat

```css
:root {
  --color-primary: #2A9D8F;
  --color-secondary: #264653;
  --color-accent: #E9C46A;
  --color-background: #F4F1DE;
  --color-text: #1D1D1D;
}
```

### 4. Mentsd el a kedvenceket

Hozz létre **Collection**-öket:
- Projekt alapú (Weboldal X, App Y)
- Stílus alapú (Minimál, Vibrant, Pasztell)
- Ügyfél alapú

---

## Népszerű paletták

### Böngészés

1. Menj: [coolors.co/palettes](https://coolors.co/palettes)
2. Szűrj:
   - **Trending** - Népszerűek
   - **Latest** - Legújabbak
   - **Color** - Adott szín alapján
3. Mentsd el vagy módosítsd

### Példa paletták

**Modern minimál:**
```
#1A1A2E - #16213E - #0F3460 - #E94560 - #FFFFFF
```

**Természetes:**
```
#606C38 - #283618 - #FEFAE0 - #DDA15E - #BC6C25
```

**Pasztell:**
```
#FFE5EC - #FFC2D1 - #FFB3C6 - #FF8FAB - #FB6F92
```

---

## WordPress fejlesztéshez

### Theme colors

```php
// theme.json (WordPress 5.8+)
{
  "settings": {
    "color": {
      "palette": [
        {
          "slug": "primary",
          "color": "#2A9D8F",
          "name": "Primary"
        },
        {
          "slug": "secondary",
          "color": "#264653",
          "name": "Secondary"
        }
      ]
    }
  }
}
```

### Customizer colors

```php
// functions.php
$wp_customize->add_setting('primary_color', [
    'default' => '#2A9D8F',
    'sanitize_callback' => 'sanitize_hex_color',
]);
```

---

## Alternatívák

| Eszköz | Előny |
|--------|-------|
| **Adobe Color** | Adobe integráció |
| **Paletton** | Részletes színelmélet |
| **Color Hunt** | Kuratált paletták |
| **Colormind** | AI alapú generálás |
| **Khroma** | AI tanul a preferenciáidból |

---

## Kapcsolódó linkek

- [Coolors hivatalos oldal](https://coolors.co/)
- [Paletta generátor](https://coolors.co/generate)
- [Trending paletták](https://coolors.co/palettes/trending)
- [Contrast Checker](https://coolors.co/contrast-checker)
- [Coolors iOS App](https://apps.apple.com/app/coolors/id956480678)