Farbpalette in AI
Illustrator Scripting

Illustrator Farben -> SCSS

26.02.2018

Ein Quickie, den ich mir grad gebaut hab.

Ich brauchte für ein Web-Experiment eine Farbpalette und dachte: Illustrator hat so ausgefeilte Farbmischhilfen, bau dir die doch da.

Gesagt, getan. Wenig später hatte ich eine Mischung, die ich unaufregend, aber OK fand:

Farbpalette in AI

Aber wie kriege ich daraus den eigentlich gewünschten CSS-Code?

Da ich vermute, dass ich das noch öfter machen werde, hab ich mir halt kurz ein Script geschrieben.

et voila:

$primary_color_dark: #5e1129
$primary_color: #bb2252
$primary_color_light: #ecc0ce
$secondary_color_dark: #053726
$secondary_color: #4f9880
$secondary_color_light: #beefdf
$tertiary_color_dark: #002a44
$tertiary_color: #387399
$tertiary_color_light: #dce8ee
$neutral_color_very-dark: #2d292a
$neutral_color_dark: #4d494a
$neutral_color: #bab4b6
$neutral_color_light: #eae5e7
$neutral_color_very-light: #f7f5f6

Wie funktioniert’s?

Laden Sie sich das Script herunter (scss_farbpalette.zip) und legen es im Programm-Ordner in den Scripts-Ordner:

script-ordner

Ändern Sie ggf. das Script in einem beliebigen Text-Editor, um die Namen der Farben anzupassen:

anpassen

‚primary‘ usw sind die Namen der Zeilen von oben nach unten.
‚dark‘ usw sind die Namen der Variationen von links nach rechts. Das mittlere Element in der Zeile bekommt den mittleren Namen in der Liste.

Gibt es dringende Wünsche? Sollte das Script die Farbfeldnamen auslesen?

Ich fand’s so am einfachsten.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.