Türkis-Verlauf: tropische Codes mit Tiefe

Ein Türkis-Verlauf mischt leuchtende, grünliche Blautöne, und die, die wirklich tropisch wirken, haben drei Dinge: ein blasses Glanzlicht, wo das Licht trifft, einen klaren Türkis-Körper und ein tieferes Blau darunter. Ohne diese Spanne wirkt Türkis flach und künstlich. Unten stehen Codes für leuchtende Lagunen, Türkis mit echter Tiefe und Türkis neben warmem Sand, gefolgt von CSS und den Textfarben, die alles lesbar halten.

Türkis, Petrol, Cyan und Aqua im Vergleich

Diese vier werden austauschbar benutzt, sind aber verschiedene Farben, und die richtige Wahl verändert die Stimmung. Türkis ist die leuchtendste und urlaubshafteste der Gruppe.

Wenn deine Marke ruhig und seriös sein will, willst du wahrscheinlich eher Petrol-Verläufe. Wenn sie Urlaub, Energie und Wärme will, bleib hier.

Leuchtende tropische Türkis-Verläufe

Das sind die Postkartenmischungen: flaches Wasser über weißem Sand. Jede enthält einen blassen Stopp, damit das Türkis etwas hat, wogegen es glühen kann, und keine läuft ins Graue.

So gibst du einem Türkis-Verlauf Tiefe

Echtes tropisches Wasser hat nie nur eine Farbe. Es ist blass über Sand, türkis über flachem Riff und tiefblau, wo es abfällt. Kopiere diese Struktur, und dein Verlauf wirkt nicht mehr wie eine flache Füllung.

1. 1

   Wähle einen Grund

   Nimm ein tiefes Blau für den dunkelsten Teil, etwa #0c4a6e oder #083344. Es verankert das Türkis und gibt ihm etwas, wogegen es leuchten kann.

2. 2

   Setze den Körper

   Nutze dein Türkis, etwa #2dd4bf bis #40e0d0, über die größte Fläche, meist die Mitte oder oben.

3. 3

   Füge ein Glanzlicht hinzu

   Setze einen kleinen, fast weißen Stopp wie #ecfeff dorthin, wo das Licht treffen würde. Ein radialer Verlauf in einer Ecke funktioniert gut.

4. 4

   Wärme einen Rand

   Führe optional einen Sandton am unteren Rand oder in einer Ecke entlang, damit die kühle Mischung ein warmes Ufer hat.

5. 5

   Vollende die Oberfläche

   Füge leichtes Korn hinzu, damit die leuchtenden Farben kein Banding zeigen, wenn die Plattform dein Bild komprimiert. Körnige Verläufe hat die Methode.

Türkis-Sand-Verläufe

Der natürlichste Partner für Türkis ist der Strand selbst: warmer Sand, Koralle und Weiß. Diese Farben liegen im Farbkreis gegenüber von Türkis, mische sie also nur dort, wo die Sättigung niedrig ist, über blasse Stopps, oder halte sie als getrennte Flächen. So bekommst du eine Uferlinie statt eines grauen Schmierers. Sommer-Farbpaletten hat weitere Urlaubskombinationen.

Wo ein Türkis-Verlauf am besten wirkt

Türkis ist laut, es verdient seinen Platz also dort, wo Menschen ohnehin Urlaub, Wasser oder Spaß erwarten. Einige Einsätze, in denen es jede andere Farbe schlägt:

• Reisen und Hotels: eine Story im Format 1080×1920 mit „Steilabfall“ hinter einer einzelnen Zeile wie „Drei Nächte in Lissabon“.
• Schwimmschulen und Pools: ein blasser Hintergrund „Flachwasser“ für Stundenpläne, mit tiefmarineblauer Schrift.
• Smoothie-Bars und Saftmarken: „Lagune“ mit einem korallenfarbenen Preissticker, der auffällt, weil er Türkis gegenübersitzt.
• Sommerkarten und Festivalplakate: „Uferlinie“ auf einem A4-Plakat, Meer oben und Sand dort, wo die Details stehen.
• Schmuck: Türkis ist auch ein Stein, daher passt ein tiefes „Licht durchs Wasser“ hinter Produktfotos in Silber oder Gold.

Vermeide es für alles, was ruhig oder formell wirken soll. Eine Kanzlei oder ein Bestatter ist mit Petrol oder Marine besser bedient.

Türkis-Verlauf in CSS mit Licht

Zwei radiale Glanzlichter über einer linearen Basis zu schichten erzeugt den Eindruck von Sonnenlicht durchs Wasser. Es ist leicht zu rendern und braucht kein Bild. Die Syntax wird in radiale CSS-Verläufe erklärt.

.section-tropical {
  background-color: #0891b2; /* fallback */
  background-image:
    radial-gradient(circle at 20% 15%, rgb(236 254 255 / 0.9) 0%, transparent 30%),
    radial-gradient(circle at 80% 40%, rgb(64 224 208 / 0.8) 0%, transparent 45%),
    linear-gradient(180deg, #5eead4 0%, #0891b2 60%, #083344 100%);
  color: #083344;
}

Text auf einem Türkis-Verlauf

Türkis ist viel heller, als es aussieht. Weiß auf #40e0d0 misst etwa 1,6 zu 1, was niemand bei Sonnenlicht auf dem Handy bequem lesen kann. Tiefes Wasser #083344 auf demselben Türkis misst etwa 8 zu 1. Nutze dunkelmarineblaue Schrift über den leuchtenden Bereichen und wechsle nur dort zu Weiß, wo der Verlauf zu tiefem Blau abgefallen ist. Die vollständigen Regeln stehen in Farbkontrast und Barrierefreiheit.

Genau das macht ein Mark von Gradiently von selbst: Sein ruhigster Bereich wandert hinter die Worte, und Automatische Farbe wählt pro Zeile helle oder dunkle Schrift aus den eigenen Farben des Mark. Reise- und Gastgewerbe-Teams, die täglich posten, finden weitere Ideen in Social Media für Reisebüros.