いのぐりwiki

HEX8桁のカラーコード

CSS
2021.02.172023.10.05

たまに見かける8桁のカラーコードですが、2021年2月現在、IEでの対応がされていません。

rgbaに簡単に変換してくれるサイトはこちら。

8-digit hex converter - JSFiddle - Code Playground
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
jsfiddle.net
CSSツール
いのぐりwiki
いのぐりwiki

関連記事

CSS

CSSで縦書きにした時にフォントによってガタついてしまうのを直す方法

キービジュアルなどで文字を縦書きにするデザインってありますよね。 writing-mode: vertical-rl;を使って縦書きにした時に、文字がなんだかガタガタしてしまう時があります。 そんな時は下記のようにfont-feature-...
CSS

display: flex;を指定した子要素をposition: absolute;するとバグることがあるよ、のお話

display: flex;を指定した子要素をposition: absolute;するとバグることがあるよ、のお話
CSS

デザインシステムとコンポーネント型の製作が来てる感触

去年辺りから多くの案件で、デザインシステムとコンポーネントを作ってから横展開していく形の制作案件が増えてきたように思います。 もともと、100pを超えるような中〜大規模サイトでは、トップや下層はデザイン通り1からのcssで通常コーディングを...
CSS

文末の画像

aに:after擬似クラスでinline-block :after{ content:''; display: inline-block; vertical-align: middle; margin-left: 10px; backgro...
CSS

ピクセル合わせ

・文字サイズや細かいアイコンのサイズ、line-heightなどは1px単位、line-heightは0.1単位であわせる ・marginやpaddingは要素が細かいところはなるべく1px単位であわせるが大きなところは5px単位くらいでo...
CSS

スクロールバーのブラウザー対応が進んでカスタマイズできるようになってきたよ、のお話。

スクロールバーのカスタマイズってfirefoxとかedgeとかで使えなかったイメージがありましたが、Can i useで調べてみたところ今はどうやらほとんどのブラウザで対応しているようです! 参考 .scrollbox{ height: 2...
swiperのフェード切り替えでゆっくり拡大していくアニメーション
CSSで縦書きにした時にフォントによってガタついてしまうのを直す方法
ホーム
CSS

最近の投稿

  • display: flex;を指定した子要素をposition: absolute;するとバグることがあるよ、のお話
  • CSSで縦書きにした時にフォントによってガタついてしまうのを直す方法
  • HEX8桁のカラーコード
  • swiperのフェード切り替えでゆっくり拡大していくアニメーション
  • 游明朝と縦書き(writing-mode:vertical-rl)を併用すると文字がずれる。

カテゴリー

  • CSS
  • HTML
  • JS
  • WEB
  • その他
  • ツール
  • ピクセル合わせ
  • 未分類
  • 画像
いのぐりwiki
Copyright © -2026 いのぐりwiki All Rights Reserved.
  • ホーム
  • トップ