Sass rgba()を16進数の値で指定する

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

こんにちは。ましじめの田村です。

cssで透明度を含めて色を指定する場合 rgba() で指定することができます。
しかしRGB値だとデザインツールからのコピペや入力や16進数の値からの変換が手間だったりします。

css

.css {
    color: rgba(255,255,255,.5)
}

しかし、Sassの場合は次のように16進数の値をそのまま入力することが可能です。

sass

.scss {
    color: rgba(#ffffff, .5)
}

以上「Sass rgba()に16進数値で指定する」でした。


関連するタグ

CSS

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから