Beste JS Color Picker Bibliotheken

Blog

Beste JS Color Picker Bibliotheken

Ursprünglich veröffentlicht von Deven Rathore bei dunebook.com

Farbe ist ein wesentlicher Bestandteil der Online-Welt. Marken werden alle durch ihre Farben und bevorzugten Farbschemata identifiziert. Danken Sie dem Himmel für JavaScript-Farbauswahlbibliotheken, die uns bei den Farbcodes jeder Farbe helfen, die wir in unseren Webprojekten verwenden und anwenden möchten. Durch Herumspielen oder Eintippen der Frequenzwerte des RGB-Modus (Rot, Grün und Blau) erhalten Sie Ihre gewünschten Farben.

Inhaltsverzeichnis

  • 1. Farbauswahl (v. 1.0)
  • 2. Evolution-ColorPicker
  • 3. Jscolor – Javascript Web Color Picker
  • 4. Farbtastischer Farbwähler
  • 5. Wählen Sie eine Farbe für Twitter Bootstrap
  • 6. ColorJoe – Skalierbarer Farbwähler
  • 7. FlexiColor-Picker
  • 8. Photoshop-ähnlicher JavaScript-Farbwähler
  • 9. Winziger Farbwähler
  • 10. Spektrum
  • 11. ColorPick.js
  • 12. Benannter Farbwähler
  • Abschluss

Im Vordergrund stehen die JavaScript-Farbauswahlbibliotheken, mit denen Sie Ihren gewünschten Farbwert erhalten, indem Sie einfach auf die bereitgestellte Farbe klicken und die resultierenden RGB-Werte auf Ihre Webprojekte anwenden.

1. Farbauswahl (v. 1.0)

ColorPicker ist ein sehr intuitives, bequemes und leichtes JS-Framework unabhängiges Farbauswahlwerkzeug. Mit seinen vielfältigen Funktionen, die Farbkonvertierung und -berechnung abdecken, unterstützt ColorPicker vollständig eine schlechte Auswahl an Farbräumen. Was auch immer Sie benötigen, sei es HSV, HSL, RGB, XYZ, HEX, LAB, CMY oder CMYK, ColorPicker liefert die Ergebnisse für Sie.

Wie erstelle ich einen QR-Code für ein Google-Formular?

ColorPicker präsentiert Ihnen einen Farbtest- oder Demobereich, in dem Sie die ColorPicker-Benutzeroberfläche und Testfelder verwenden können, um die Farbcodes für die Farben zu erhalten, die Sie auswählen und testen.

Die Arbeit mit ColorPicker ist ein Kinderspiel. Sie werden feststellen, dass dies der Fall ist;

  • Vier verschiedene ZWIEBEL Größen, die erweiterten, kleineren, einfachen und winzigen ermöglichen sowohl eine detaillierte fachmännische Verwendung als auch eine vereinfachte allgemeine Farbauswahl,
  • Eine große Auswahl an Farbräumen für eine bessere Visualisierung RGB, HSV und HSL,
  • Ein unterstützendes, schnelles und reaktionsschnelles Cursor-Rendering
  • Praktische Farbvergleichstools
  • Eine Reihe von Optionen und APIs ermöglichen eine unkonventionelle Anpassung an individuelle Bedürfnisse
  • Ein Design, das darauf abzielt, alle möglichen Szenarien zu erfassen und gleichzeitig die besten relevanten Daten zu präsentieren

Besuche die Website

2. Evolution-ColorPicker

Evol-ColorPicker ist eine äußerst nützliche und anpassungsfähige Farbauswahlbibliothek, die Sie inline oder vorzugsweise als Popup verwenden können, den Sie an ein Textfeld binden können. Evol-ColorPicker drückt alle richtigen Tasten, wenn es um Unterstützung für transparente Farben, mehrere Farbpalettenauswahl und einen Farbverlaufs-Tracker geht.

Wo kann man Pancakeswap-Krypto kaufen?

Als vollwertiges UI-Widget enthält es auch Themen und Konfigurationen, die Sie an Ihre Vorlieben anpassen können.

Eine Sache, die Sie bei Evol-ColorPicker auch bemerken werden, ist seine unheimliche Ähnlichkeit mit der 2010er Farbwähler-Version von Microsoft.

Um Evol-ColorPicker zu erhalten, können Sie es von deren Website herunterladen, bei GitHub forken, ein npm-Paket verwenden oder es mit Bower installieren.

Über GitHub Git-Klon https://github.com/evoluteur/colorpicker
Über die npm-Paketinstallation npm install evol-colorpicker
Via Bower Installation Bower install evol-colorpicker

Besuche die Website

Ein weiterer Spieler im Colorpicking-Spiel ist ColorPick.js, ein minimalistisches und einfaches jQuery-Plugin, das für das moderne Web von heute entwickelt wurde.

ColorPick.js bietet eine lokale Speicherung von Farben, die Sie kürzlich verwendet haben, eine einfache Integration und ein exquisites Design, das sich definitiv in Ihre Webprojekte einfügt.

Besuche die Website


12. Benannter Farbwähler

Der Name ColorPicker bietet eine andere Methode der Farbauswahl. Sie erhalten nicht das übliche Farbspektrum oder Rad; Hier erhalten Sie ein nach Namen geordnetes Farbraster im Vollbildmodus. Die Suche kann über eine Dropdown-Liste oder nach Namen erfolgen.

Pink Panda Kryptomünze

Im gesamten Farbraster von 2.065 Farben finden Sie keine doppelten Namen oder Farben. Die im Named ColorPicker dargestellten Farbnamen stammen aus der Farbübersicht von XKCD und Resene Paints. Die zusätzlichen Farbnamen enthalten diejenigen aus dem CSS3-Spektrum, die alle gängigen Browser unterstützen.

Besuche die Website


Abschluss

Die oben aufgeführten JavaScript-Farbwähler sollen Ihnen helfen, Zeit zu sparen und Ihre Effizienz bei der Arbeit zu verbessern. Mit vielen verfügbaren Optionen müssen Sie nur eine auswählen und loslegen.

Ursprünglich veröffentlicht von Deven Rathore bei dunebook.com

==========================================

Danke fürs Lesen :heart: Wenn dir dieser Beitrag gefallen hat, teile ihn mit all deinen Programmierfreunden! Folge mir auf Facebook | Twitter

Erfahren Sie mehr

Svelte.js - Die vollständige Anleitung

Der komplette JavaScript-Kurs 2019: Reale Projekte erstellen!

Werden Sie JavaScript-Entwickler - Lernen Sie (React, Node,Angular)

JavaScript: Die seltsamen Teile verstehen

JavaScript: Coding Challenges Bootcamp - 2019

Der komplette Node.js-Entwicklerkurs (3. Auflage)

Angular & NodeJS - Der MEAN Stack Guide

kostenloser Durchschnitt ohne Zen

NodeJS - The Complete Guide (inkl. MVC, REST APIs, GraphQL)

Node.js Absolute Beginners Guide - Node von Grund auf lernen

#javascript #web-entwicklung

www.dunebook.com

Beste JS Color Picker Bibliotheken

Beste JS-Farbauswahlbibliotheken - Farbe ist ein wesentlicher Bestandteil der Online-Welt. Marken werden alle durch ihre Farben und bevorzugten Farbschemata identifiziert.