Mga larawan at disenyo na tool

Alpha/Opacity Colour Converter

Magpalit ng karaniwang CSS alpha colour format at i-flatten ito sa napiling solidong background, lahat sa browser.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Gamitin ang #RGB o #RRGGBB, opacity na 0%–100%, at isang opaque na background. Maaaring #RGBA, #RRGGBBAA, rgba(r,g,b,a), o rgb(r g b / a) ang kasalukuyang value; maaaring 0–1 o porsiyento ang alpha. #RRGGBBAA ang HEX8. Ginagamit ng flattened na kulay ang source-over sa bawat sRGB channel at niro-round sa 0–255.

Nananatili sa browser na ito ang mga value; walang ipinapadala.

Paano gamitin

Paano gamitin

  1. Ilagay ang base HEX, opacity, at opaque na background, o mag-paste ng suportadong alpha colour.
  2. Basahin muna ang kasalukuyang value kung kailangan, saka i-convert ang base colour at opacity.
  3. Tingnan ang HEX8, rgba(), alpha byte, at flattened na kulay.

Formula at saklaw

May alpha byte sa hulihan ang HEX8 at source-over sa bawat sRGB channel ang flattened na kulay. Isang opaque na solidong background lang ang saklaw.

Lokal lang

Sa browser lang ang parsing at arithmetic; walang value na ina-upload o sine-save.

Mga madalas itanong

Maaari mo ring alamin

Nasaan ang alpha sa HEX8?

Sa huling dalawang hex digit: #RRGGBBAA.

Bakit nakadepende sa background ang flattened na kulay?

Bahagi lang ng nakikitang channel ang mula sa translucent foreground; ang natitira ay mula sa background.