Skip to content

10 ツール · 100% in your browser

色とデザイン

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

色· 4 ツール

変換、コントラストチェック、画像からの選択。

色変換 (HEX/RGB/HSL/OKLCH)

HEX、RGB、HSL、OKLCH を瞬時に変換。

コントラストチェッカー (WCAG)

WCAG AA / AAA コントラストをチェック — 合否判定。

Tailwind カラーファインダー

任意のHEXカラーに最も近いTailwindクラス。

画像の色ピッカー＆パレット

画像をドロップし、パレットを抽出。

CSSジェネレーター· 4 ツール

グラデーション、シャドウ、角丸、イージング曲線。

グラデーションジェネレーター

リニア、ラジアル、コニックのCSSグラデーション。

ボックスシャドウジェネレーター

ビジュアルCSS box-shadowエディタ。

Border Radius ジェネレーター

角ごとのCSS border-radiusエディタ。

Cubic Bezier エディタ

CSS イージングカーブを視覚的にデザイン。

レイアウト· 2 ツール

CSS単位とアスペクト比。

CSS 単位変換

px、rem、em、pt などを変換。

アスペクト比計算機

比率を計算し、寸法をリサイズ。