CYMK zu RGB – Farben umrechnen

Farben | Quelle: Pixabay.com | Lizenz: CC0 / Gemeinfrei

Wann immer man sich mit Webdesign beschäftigt (und sei es nur zum Zeitvertreib oder als Hobby) landet man irgendwann vor der Herausforderung, dass man Farben in webtauglichen Code umwandeln muss.

Abhängig vom Projekt benötigt man die Codes dann entweder als RGB oder als CYMK.

Hier möchte ich euch auf die Schnelle zeigen, wie man das total einfach umrechnen kann.

Für die Umrechnung von Farben zu RGB oder zu CYMK habe ich folgende, einfach zu bedienende Webseite gefunden:

http://www.farbtabelle.at/farben-umrechnen/

Hier gibt man lediglich die den bereits bekannten Wert ein – entweder Dezimal, Hexadezimal oder CYMK – und erhält die jeweils anderen Werte darauf hin direkt ausgerechnet.

Gleichzeitig verfügt diese Website auch über einen Color-Picker in dem man sich aus dem gesamten Farbspektrum eine Farbe aussuchen kann und dann die jeweiligen Werte in Codeform errechnet bekommt.

Danke an den Webmaster für diese coole Page 🙂

Übrigens:

Wer direkt Farben von bereits bestehenden Webseiten abschnorcheln möchte, kann dies über das kostenfreie Plugin „ColorZilla“ für Firefox oder auch Chrome tun. Dieses Plugin erzeugt eine kleine Pipette mit der man die gewünschte Farbe auf jeder Website einfach anklicken kann und dann die benötigten Codes erhält. Auch hier: Klasse! Weiter so 🙂

Ich hoffe, das hat dem ein oder anderen von euch geholfen.

Aspect Ratio – Bildgrößen und Seitenverhältnisse

Kamera - Quelle: Pixabay.com | Lizenz: CC0 / Gemeinfrei

Ich habe eine coole Website gefunden, auf der man das Seitenverhältnis von Bildern bestimmen kann und die proportionale Größe auf andere Auflösungen anwenden kann.

Man gibt einfach eine Auflösung ein zB. 1280x555px, bekommt dann das Seitenverhältnis angezeigt und hat dann die Möglichkeit einen Wert für ein zweites Bild zu berechnen.

In dem Beispiel hat man ein eingesetztes Bild von zum Beispiel 1280x555Pixeln und das Ziel ist es, ein zweites Bild einzusetzen, welches exakt das selbe Bildgrößenverhältnis bei einer anderen Auflösung haben soll.

Wenn man nun zum Beispiel die Breite des neuen Bildes eingibt, so wird die dazugehörige Höhe angezeigt, welche das Bild haben muss um das selbe Seitenverhältnis zu erreichen.

Ziemlich coole Sache und interessant für alle Webdesigner.

Schaut es Euch einfach mal an:

http://andrew.hedges.name/experiments/aspect_ratio/