色・デザイン系のツールとは？

色・デザイン系に分類される無料オンラインツールの一覧です。ブラウザ内で完結するため、データ送信なしで安全にご利用いただけます。気軽に試してみてください。

無料で使える？

はい。すべてのツールは完全無料で、会員登録なしで利用できます。広告も最小限に抑えています。安心してご利用ください。

いいえ。多くのツールはローカル処理で、入力データはサーバーに送信されません。機密情報を含むデータも、安心して扱っていただけます。

色変換、コントラストチェック、グラデーション、RGBA、Tailwind色検索など、色・デザインに特化したツールをまとめています。デザインの仕事やフロントエンド開発で、ぜひお役立てください。

HEX・RGB・Unity Colorを相互変換。デザインツールとUnityの橋渡しに便利です。

ふたつの色のコントラスト比を計算し、Webアクセシビリティの基準を満たしているか即座に判定します。

線形・円形グラデーションを視覚的に調整しながら作成できます。完成したCSSはそのままコピー可能です。

要素の影（box-shadow）をプレビューを見ながらスライダーで作成。生成したCSSはコピー可能です。

透明度（アルファ値）を含んだRGBA形式とHEX形式の色コードを、相互に変換します。

任意のカラーコードを入力すると、それに最も近いTailwind CSSのカラーパレット名を教えてくれます。

画像をアップロードしてクリックするだけで、その箇所のHEX・RGB・HSLカラーコードを取得できます。

HEXから色の名前を検索。red, blue等のCSS色名に変換。