Irodori彩り

Farbatelier · Irodori 彩り

Kostenloser Farbpicker: Farben sofort aus jedem Bild extrahieren.

Bild hochladen, einfügen oder eine URL eingeben und HEX, RGB, HSL, OKLCH, Lab und CMYK erhalten – ohne Anmeldung.

Farbe wählen Farben durchsuchen

Läuft vollständig im Browser. Kein Upload, kein Konto.

朱砂 zhū shā #C3272B สีแสด si saet #EE8B2B 황 hwang #F5B22E 若竹 wakatake #6BA24A Xanh xanh #007A3D 孔雀绿 kong que lu #2E8B72 Biru biru #3A6EA5 जामुनी jamuni #6B3F8C Ягаан yagaan #D96A8B

Live-Werkbank

Mit jeder Farbe beginnen

Bild ablegen oder Wert eingeben. Alle Formate aktualisieren sich sofort.

Datenschutz ist uns wichtig! Ihr Bild bleibt auf Ihrem Gerät.

Ausgewählte Farbe

HEX#104E8B
RGBrgb(16, 78, 139)
HSLhsl(210 79% 30%)
DetailsKontrast prüfen

Palette

10 Farben Klicken Sie eine Farbe an, um sie zu kopieren oder zu ersetzen.
#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE

Eine Farbe, viele Sprachen

Dieselbe Farbe in sechs Notationen

HEX für CSS, RGB für Bildschirme, HSL für Paletten, CMYK für Druck, OKLCH und Lab für Wahrnehmung. Alles lokal berechnet.

Konverter öffnen

Asiatische Farbtraditionen

Farben, die schon Namen haben

Neun asiatische Farbtraditionen — von japanischen Jahreszeiten über thailändische Wochentagsfarben, tibetische Pigmente, indische Feste, mongolische Steppenfarben bis zum indonesischen Batik — mit Eigenname, Lesung und exaktem HEX.

Japanische traditionelle Farben 藍 · 群青 · 空色 22
Chinesische traditionelle Farben 天青 · 月白 · 缥 22
Koreanische traditionelle Farben 청 · 적 · 황 15
Vietnamesische traditionelle Farben Đỏ · Vàng · Trắng 7
Thailändische traditionelle Farben สีแดง · สีเหลือง · สีชมพู 10
Tibetische traditionelle Farben 白云 · 蓝天 · 红火 10
Indische traditionelle Farben केसर · हल्दी · गुलाल 10
Mongolische traditionelle Farben Хөх · Цагаан · Улаан 10
Indonesische Batik-Farben Soga · Nila · Putih 10
Atlas entdecken

Echte Systeme

Passend zu den Paletten, die du auslieferst

Sechs Designsysteme, direkt aus offiziellen Dateien — keine Näherungen.

Material-Design-Töne 89 Material Web v0.192 · md-ref-palette Tailwind-CSS-Palette 286 Tailwind CSS v4 · theme.css UnoCSS-Palette 264 UnoCSS preset-mini · Tailwind v3 + Windi Panda-CSS-Tokens 242 Panda CSS · @pandacss/preset-panda Vanilla-Extract-Theme 3 vanilla-extract · createTheme docs example StyleX-Tokens 6 StyleX · defineVars docs example Bootstrap-Palette 29 Bootstrap v5.3.8 · _variables.scss Ant-Design-Palette 130 Ant Design · @ant-design/colors 7.2.1 Open Color 130 Open Color 1.9.1 · open-color.js Chakra-UI-Palette 100 Chakra UI · @chakra-ui/theme 3.4.1 Radix Colors 360 Radix Colors 3.0.0 · light scales Fluent-UI-Farben 64 Fluent UI · @fluentui/tokens brandColors Primer-Palette 20 Primer · @primer/primitives 11.10.0 light Polaris-Palette 192 Shopify Polaris · polaris-tokens 9.4.2
Alle Tools

Barrierefreiheit

Kontrast ist eine Farbentscheidung

WCAG-Werte prüfen und vier Farbsehweisen simulieren, bevor du veröffentlichst.

WCAG 2.2AA 4.5:1AAA 7:121:1
Kontrast prüfenWCAG-Kontrast Farbsehschwäche simulierenFarbsim-Simulation

Häufige Fragen

Wie wähle ich eine Farbe aus einem Bild?
Bild hochladen, aus der Zwischenablage einfügen oder eine URL eingeben. Dann ins Bild klicken und HEX, RGB, HSL, OKLCH, Lab und CMYK erhalten.
Was ist ein HEX-Farbcode?
Ein HEX-Code ist eine sechsstellige Hexadezimalzahl für Rot-, Grün- und Blaukanal, zum Beispiel #FF5733. Er ist das gängigste Format in CSS, Designwerkzeugen und Markenrichtlinien.
Ist dieser Farbpicker kostenlos?
Ja. Alle Werkzeuge hier sind kostenlos und erfordern keine Anmeldung. Bilder werden vollständig im Browser verarbeitet und nicht auf einen Server geladen.
Welche Farbformate werden unterstützt?
HEX, RGB, HSL, OKLCH, Lab, LCH, CMYK, XYZ, LUV und HWB sowie WCAG-Kontraste und Farbsimulation.
Darf ich diese Farben in eigenen Designs nutzen?
Ja. Farbwerte selbst sind nicht geschützt. Kopieren Sie einen Wert und nutzen Sie ihn in CSS, UI, Druck oder Illustration.

Deine nächste Palette beginnt hier.

Kostenlos, privat, schnell. Ohne Anmeldung.

Farbwähler öffnen