ToolShed
ホーム
ツール一覧
読み込み中...
ホーム
カラー・デザイン
CSS詳細度計算機
カラー・デザイン
無料・登録不要
CSS詳細度計算機
CSSセレクタの詳細度(Specificity)を計算
CSSセレクタ (1行1つ)
h1 .title #header .nav a .btn.primary:hover div > p.intro
#header .nav a
1
1
1
最強
.btn.primary:hover
0
3
0
div > p.intro
0
1
2
.title
0
1
0
h1
0
0
1
a
ID
b
クラス/属性/疑似クラス
c
要素/疑似要素
関連ツール
カラーパレット生成
配色理論ベースのパレット自動生成
HEX→RGB変換
HEXカラーコードをRGBに変換
CSSグラデーション生成
線形・放射状グラデーションのCSS生成
コントラスト比チェッカー
WCAG準拠のコントラスト比チェック
Box Shadow生成
CSS box-shadowのGUI作成
カラーコード一覧
和色・Web色のカラーコード一覧。HEX/RGB表示