Deckkraft-Rechner

Das ist ein Deckkraft-Rechner. Setzen Sie Alpha auf ein HEX, erhalten Sie rgba() / HEX8 / hsla() und rechnen Sie auf den Hintergrund zu einem deckenden HEX.

Beispiele — klicken Sie ein Feld

Auf Schachbrett

Auf dem Hintergrund

Klicken Sie einen Wert zum Kopieren

Eine Zeile: Vordergrund Hintergrund Alpha, z. B. #3B82F6 #FFFFFF 0.5. Das Beispiel lädt drei Zeilen; die Tabelle zeigt deckendes HEX und rgba().

Deckkraft-Rechner

Das ist ein Deckkraft-Rechner. Setzen Sie Alpha auf ein HEX, erhalten Sie rgba() / HEX8 / hsla() und rechnen Sie auf den Hintergrund flach.

So verwenden Sie es

  1. Vordergrund und Hintergrund: HEX, Pipette, Zufall, Beispiel oder Pixel.
  2. Alpha 0–1, 0–255 oder %. Der Schieber ist 0–100 %. Vorgaben 10–90 %.
  3. Das Schachbrett zeigt rgba(). Die andere Leiste liegt auf dem Hintergrund. Das große Feld ist das deckende HEX.
  4. Beispiel zeigen: #3B82F6 bei 50 % auf Weiß. Ergebnis kopieren kopiert rgba().

Hinweise

HEX8 oder rgba() mit Alpha bewegen den Schieber. 0 ist der Hintergrund, 1 der Vordergrund. Verwandt: HEX to RGBA, Tint und Shade.

Wofür Sie es brauchen

  • Overlays und Glaskarten.
  • Ein Figma-Token für E-Mail flachrechnen.

Fragen

Sind 50 % dasselbe wie 50 % Tint?

Nur auf Weiß.

rgba() oder opacity?

rgba() ist eine Farbe. opacity betrifft das ganze Element.