デザイン・カラー

配色のチェックや色の変換、SVG・CSSの作成など、Webデザインに使うツールです。

1つの色から補色・類似色などの配色と濃淡を作り、HEX・RGB・HSL・CMYKをワンクリックでコピーできます。

スライダーを動かすだけで、ガラスモーフィズム・ニューモーフィズム・影のCSSを作ってコピーできます。

SVGのコードやpathのdを貼るだけでプレビュー。整形・軽量化（Minify）・色の変更ができます。

文字色と背景色のコントラスト比を計算し、WCAG 2.1 の AA / AAA を判定。合格する色も提案します。

ほかのジャンル