Exportieren

---

Benutzer ohne Abonnement können Hex-Werte im Kontextmenü einer Palette oder auf der Detailseite in die Zwischenablage kopieren. Eine andere Exportoption gibt es nicht.

Benutzer mit Abonnement können verschiedene Exportfunktionen nutzen. Der Export ist in der Info-Seitenleiste einer Palette im Feed oder auf der Detailseite einer Palette zugänglich.

ASE - Adobe Swatch Exchange

Eine Datei mit der Dateierweiterung ASE ist eine Adobe Swatch - Exchange-Datei. Es wird verwendet, um eine Sammlung von Farben zu speichern. Auf diese Sammlung kann über die Farbfeldpalette einiger Adobe-Produkte wie Photoshop zugegriffen werden. Das Format erleichtert die gemeinsame Nutzung von Farben zwischen verschiedenen Programmen. Da es sich um ein Binärformat handelt, können Sie den Inhalt nicht mit einem Textbetrachter lesen.

Adobe Color (ASE)

Eine ACO-Datei ist eine Farbfelddatei, die von Adobe Photoshop und anderen Adobe Creative Suite-Anwendungen zum Speichern und Freigeben von Farbpaletten verwendet wird. Es enthält eine Reihe vordefinierter Farben.

GIMP GPL

Eine .gpl-Datei ist eine Palettendatei für die Open-Source-Grafiksoftware GIMP.

GIMP-Palettendateien (.gpl) sind reine Textdateien, die vom Grafikeditor GIMP (GNU Image Manipulation Program) zum Speichern und Freigeben von Farbpaletten verwendet werden.

GIMP Palette
Name: 7EADAE-FFF5F3-5C4A4D-82E4F2-B8FFFF
Columns: 5
126 173 174 Galaxy Green
255 245 243 Coy
92 74 77 Deep Aubergine
130 228 242 Photon Barrier
184 255 255 Young Cornflower

Procreate swatches

Eine Procreate-Farbfelddatei ist eine Datei mit der Erweiterung .swatches, die eine Farbpalette enthält, die speziell für die Verwendung in der Procreate-App auf dem iPad formatiert ist. In diesen Dateien werden bis zu 30 einzelne Farben gespeichert, die Sie importieren und als Palette in Ihren Procreate-Projekten verwenden können.

Text

Die Textdatei besteht aus einer einfachen Liste von Farben wie dieser:

Palette

Bezeichnung: 7EADAE-FFF5F3-5C4A4D-82E4F2-B8FFFF
RGB 126 173 174 - Hex #7EADAE Galaxy Green
RGB 255 245 243 - Hex #FFF5F3 Coy
RGB 92 74 77 - Hex #5C4A4D Deep Aubergine
RGB 130 228 242 - Hex #82E4F2 Photon Barrier
RGB 184 255 255 - Hex #B8FFFF Young Cornflower

JSON

Die json-Datei ist eine Liste von Farben wie dieser, die in Frontend-Anwendungen verwendet werden sollen.

{
  "name":"7EADAE-FFF5F3-5C4A4D-82E4F2-B8FFFF",
  "Farben":
    [
      {
        "rgb":[126,173,174],
        "hex":"#7EADAE",
        "name":"Galaxie Grün"
      },
      {
        "rgb":[255,245,243],
        "hex":"#FFF5F3",
        "name":"Schüchtern"
      },
      {
        "rgb":[92,74,77],
        "hex":"#5C4A4D",
        "name":"Tiefes Aubergine"
      },
      {
        "rgb":[130,228,242],
        "hex":"#82E4F2",
        "name":"Photonen-Barriere"
      },
      {
        "rgb":[184,255,255],
        "hex":"#B8FFFF",
        "name":"Junge Kornblume"
      }
    ]
}

Figma

Das Figma-Format ist eine einfache JSON-Struktur. Sie können diese Datei mit einem Popluar-Plugin color-import-export laden

{
  "galaxy-green":"#7EADAE",
  "coy":"#FFF5F3",
  "deep-aubergine":"#5C4A4D",
  "photon-barrier":"#82E4F2",
  "young-cornflower":"#B8FFFF"
}

Tailwind CSS

In v4 von Tailwind werden die benutzerdefinierten Farben definiert, indem sie in die Haupt-CSS-Datei im @theme-Block eingefügt werden.

@theme {

  --color-galaxy-green: #7EADAE;
  --color-coy: #FFF5F3;
  --color-deep-aubergine: #5C4A4D;
  --color-photon-barrier: #82E4F2;
  --color-young-cornflower: #B8FFFF;

}

Auf diese Weise haben Sie nun Zugriff auf die Farben wie:

<div class="bg-galaxy-green text-deep-aubergine">Hallo</div>

CSS RGB

Daraus ergibt sich die Liste der RGB-Farben

RGB(126 173 174)
RGB(255 245 243)
RGB(92 74 77)
RGB(130 228 242)
RGB(184 255 255)

CSS HSL

Daraus ergibt sich die Liste der hsl-Farben

HSL(181,25 Grad 22,86 % 58,82 %)
HSL(10 Grad 100 % 97,65 %)
HSL(350° 10,84 % 32,55 %)
HSL(187,5° 81,16 % 72,94 %)
HSL(180° 100% 86.08%)

CSS-LABOR

Hier wird die Liste der Lab-farben angezeigt

lab(67,4% -16,05 -5,87)
lab(97,28 % 3,21 2,22)
lab(33,44 % 8,26 1,23)
lab(84,98% -27,45 -16,35)
lab(95,34% -22,7 -7,45)

css OkLch

Daraus ergibt sich die Liste der OkLch-Farben

oklch(71,46% 0,05 197,72deg)
oklch(97,74 % 0,01 31,19deg)
oklch(42,87% 0,02 6,96deg)
oklch(86,37% 0,09 207,44deg)
oklch(95,34% 0,07 196,01deg)