Klicken Sie auf Farbschema mit ColourCode suchen

Um das richtige Farbschema zu erhalten, müssen Designer viele manuelle Anstrengungen (und subjektive Meinungen) ausführen. Gute Neuigkeiten sind, es gibt Tools, die Ihnen helfen können, Ihr Leben einfacher zu machen. Wir haben bereits Adobe Kuler für iOS sowie ein praktisches Tool namens 0to255 behandelt, mit dem Sie einfach HEX-Codes für Farbtöne erhalten. Dieses Mal schauen wir uns stattdessen ColourCode an.

ColourCode ist ein webbasiertes Tool zum einfachen Finden von Farbschemata. Mit ColourCode können Sie Farben basierend auf HSL- Werten (Farbton, Sättigung, Helligkeit) auswählen . Es gibt einige Modi, in denen Sie mit nur wenigen Klicks komplementäre Farben auswählen können. Sie können die Farbfelder auch in einigen Formaten herunterladen.

Verwenden von ColourCode

Sobald Sie auf der Seite sind, bewegen Sie Ihre Maus irgendwo auf der Seite, um eine Farbe und ihren Farbcode zu erhalten. Die Farben ändern sich ständig, wenn Sie den Cursor bewegen . Wenn Ihnen die Farbe gefällt, die Sie sehen, klicken Sie darauf, um Ihre Auswahl zu speichern. So einfach ist das.

Um eine weitere Farbe hinzuzufügen, klicken Sie auf das Pluszeichen auf der rechten Seite und wiederholen Sie das Schweben und das Klicken, um eine andere Farbe zu fixieren. Um eine Farbauswahl zu entfernen, klicken Sie einfach auf das Mülleimersymbol in der Mitte.

So wählen Sie im freien Build- Modus Farbfelder aus. Es gibt ein paar andere Modi, aus denen Farbmuster ausgewählt werden können.

Ergänzen

Analog

Einfarbig

Zusätzlich zu diesen 4 Modi gibt es 5 weitere, die Sie auf der Website erkunden können.

Manuell einstellen

Am unteren Rand jeder Farbe befindet sich ein Pfeil nach unten. Wenn Sie darauf klicken, werden die Details für die Farbe und andere Optionen angezeigt, z. B. die Möglichkeit, den Farbmodus manuell (durch Anklicken) zwischen Formaten wie HEX, RGB, HSL, CMY, CMYK, XYZ oder YXY zu ändern . Alternativ können Sie auch die Farbregler verwenden, um Änderungen vorzunehmen.

Die Farbe bekommen

Wenn Sie die Farbe festgelegt haben, die Sie verwenden möchten, können Sie sie im SCSS-, LESS- oder PNG- Format verwenden. Leider bietet Ihnen ColourCode keinen eingebauten Code-Editor zum Kopieren und Einfügen der Quelle. Sie müssen es zuerst herunterladen und dann mit Ihrem Desktop-Editor öffnen.

Trotzdem ist die Quelle nur ein Einzeilen-Farbdefinierer. Folgendes ist ein Quellcode in der SCSS-Datei:

 $ Farbe: # a8e2ba; 

Und dieser ist in WENIGER:

 @ Farbe: # a8e2ba; 

Materialise - Ein Material Design CSS Framework

Google Material Design zielt darauf ab, gut im Web und auch in mobilen Apps zu funktionieren. Es wird immer beliebter bei Entwicklern und wenn Sie es auch übernehmen möchten, gibt es viele Möglichkeiten, Material Design auf Ihrer Website zu implementieren. Sie können Polymer oder Angular verwenden oder Materialise verwenden.Mat

(Tech- und Design-Tipps)

20 süße Teefilme, die Kaffeeliebhaber eifersüchtig machen

Einige von uns mögen Kaffee, andere sind verrückt nach Tee. Wir sind Fans von beiden, und mehr von den verrückten und coolen Entwürfen, die heutzutage Tee-Infuser bekommen . Der rechteckige Teebeutel wurde in den 1940er Jahren erfunden und nun, 70 Jahre später, sollten wir Tee-Infuser in jedem Design verwenden, das wir verdammt gut gefallen!Hier

(Tech- und Design-Tipps)