Wie wandelt man Schattierungen einer Farbe (Rot) in scheinbar gleiche Schattierungen einer anderen Farbe (Blau) um?

Eine Websitevorlage, die ich verwende, hat die folgende Farbpalette.

Swatch von roten Farben für ein Website-Farbschema

Ich würde gerne ähnliche Farbtöne verwenden, aber mit Marineblau. Ich werde #003A70als Ersatz für verwenden #A13736, also würden die restlichen Farben idealerweise darum herum normalisiert.

Die Lösung muss nicht genau sein, aber ich suche nach einer Methode, um etwas Ähnliches / eine Annäherung zu bekommen.

Wie kann ich stattdessen scheinbar gleiche Schattierungen dieser Farben in Blau finden?

@Scott Ich bin sehr neu im Design, aber das erste, was ich naiv versucht habe, war, R = 0 in den RGB-Werten aller oben genannten Farben festzulegen, aber das gab mir grünliche Farben.

Antworten (3)

Sehr leicht.

Öffnen Sie einen beliebigen Grafikeditor (oder wirklich jedes Programm mit einem guten Farbwähler). Geben Sie die Farbe ein, die Sie haben, und ändern Sie den Auswahlmodus in HSV. Greifen Sie nun den Farbtonregler und bewegen Sie ihn in den blauen Bereich. Wechseln Sie wieder in den Hex-Modus und lesen Sie den neuen Wert.

Einige Browser akzeptieren Farbe: hsl(h, %, %) ( h= 0-360)

Es ist möglich, mit einem Bleistift zu rechnen, ich habe es nie versucht.

Mit hslpicker.com ist das eine einfache Aufgabe .

Gehen Sie einfach zu hslpicker.com/[Hex-Code mit Hashtag] und ziehen Sie den Farbton-Schieberegler auf Blau. Der Hex-Code in blau ist unten links. Wenn Sie möchten, dass der Farbton für alle genau gleich ist (was Sie wahrscheinlich möchten), ändern Sie den HSVA-Farbton unten rechts für alle auf eine vordefinierte Zahl.

Ich habe mich nur angemeldet, um Ihre Antwort abzustimmen :) Danke.
Vielen Dank. Weißt du, mir wurde kürzlich verboten, auf Stack Overflow zu antworten, weil meine Antworten so sehr abgelehnt wurden. Das bedeutet mir also sehr viel.

Tun Sie es mit dem Auge oder messen Sie die Leuchtkraft.

Zwei Farben können die gleiche gemessene Helligkeit haben, aber eine kann immer noch heller aussehen als die andere. Das sind nicht deine Augen, die dir einen Streich spielen. Es ist ein echter, gemessener Effekt, der Leuchtkraft oder Leuchtdichte genannt wird. Dies ist das L in Lab-Farbe.

Zum Beispiel sieht reines Gelb (#ff0) heller aus als reines Magenta (#f0f). Sie haben die gleiche Helligkeit oder Helligkeit, aber unterschiedliche Leuchtstärken – Gelb ist L98 und Magenta ist L60, gemessen in Photoshop*.

Die Helligkeitswerte basieren auf dem menschlichen Auge (es wurden Messungen durchgeführt). Verwenden Sie also Ihr eigenes Auge, um sicherzustellen, dass es richtig aussieht, auch wenn die Helligkeitswerte nicht gleich sind.

Die meisten Farbwähler messen die Helligkeit nicht, aber Ihre Augen können sie sehen. Vertrauen Sie also Ihren Augen.

* in sRGB für diejenigen, die sich für solche Dinge interessieren.