de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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; 

Ein Blick in: ARIA Web Standards & HTML Apps Zugänglichkeit

Ein Blick in: ARIA Web Standards & HTML Apps Zugänglichkeit

Ein wirklich offenes und integratives Web benötigt Technologien, die es behinderten Nutzern ermöglichen, sich auf unterstützende Technologien zu verlassen, um dynamische Webinhalte und moderne Web-Apps zu genießen. Die Zugänglichkeits-Webstandards von W3C zielen darauf ab, das Web mit behindertengerechten Rich Internet Applications (ARIA) zu bevölkern, die von Benutzern mit Behinderungen effizient genutzt werden können.ARIA i

(Tech- und Design-Tipps)

Erstellen Sie mit Semantic UI schnellere Responsive Websites

Erstellen Sie mit Semantic UI schnellere Responsive Websites

Frontend-Frameworks wie Bootstrap sind immer noch der letzte Schrei. Es gibt Dutzende von großartigen Möglichkeiten zur Auswahl, aber eine, die meine Aufmerksamkeit kürzlich erregt hat, ist die semantische Benutzeroberfläche .Zugegeben, diese Bibliothek gibt es schon seit einiger Zeit. Die neueste Version der Version 2.2 e

(Tech- und Design-Tipps)