デザインツール

HEXをRGBに変換: HEXカラーコードをRGBに変換し、同じ色をHSL、HSV、CMYK、OKLCH、色名でも表示します。
RGBをHEXに変換: rgb(…)の色をHEXコードに変換します。その他のカラー形式もすべて表示。
HEXをHSLに変換: HEXカラーをHSLに変換し、明るい色調と暗い色調も表示します。
カラーコントラストチェッカー: 文字色と背景色をWCAG AA/AAAの基準でチェックし、基準を満たす最も近い色を提案します。
色覚シミュレーター: 画像や色が、色覚多様性のある人にどう見えるかを確認できます。
カラーパレット生成: 配色を生成し、気に入った色を固定したり、写真からパレットを抽出したり、文字のコントラストを確認したりできます。
グラデーション背景生成: 線形、放射状、円錐、メッシュのグラデーションをデザイン。ギャラリーから選び、CSSをコピーしたり壁紙をダウンロードしたりできます。
グラスモーフィズム生成: ライブプレビューを見ながらすりガラス風のカードを作り、CSSをコピーできます。
ニューモーフィズム生成: やわらかく立体的なボタンやカード（ソフトUI）を作り、CSSをコピーできます。
CSSパターン生成: ストライプ、ドット、グリッド、市松模様、ジグザグなどを純粋なCSSまたはSVGの背景として作成します。
SVG図形生成: 星、多角形、バッジ、バーストをSVGまたはPNGで作成します。
SVGブロブ生成: 背景やイラスト用のランダムな有機的ブロブ図形を、SVGまたはPNGで作成します。
SVGウェーブ生成: セクションの区切りや背景用の重なった波を、SVG、PNG、CSSで作成します。
ドット絵メーカー: グリッド上でドット絵を描けます。ミラーモード、塗りつぶし、元に戻すに対応し、くっきりしたPNGでダウンロード。
アスキーアート生成: テキストを大きなASCII文字（多数のフォント）にしたり、写真をアスキーアートにしたりします。
ファビコン・アプリアイコン生成: 1枚の画像からすべてのアイコンサイズを作成：favicon.ico、Apple Touch Icon、Android・PWAアイコン、HTMLコード付き。
ファビコンプレビュー: ブラウザのタブ（ライト・ダーク）、ブックマーク、Googleの検索結果、スマートフォンのホーム画面でアイコンがどう見えるかを確認できます。
SNSバナー作成: YouTube、LinkedIn、X、Facebookのバナーを、正確なサイズとセーフエリアを確認しながら作成します。
プロフィール画像フレーム: プロフィール写真の周りに色付きのリングと曲線テキスト（HIRINGやイベント名など）を追加します。
フォント組み合わせツール: 厳選された見出し用・本文用フォントの組み合わせ（アラビア語を含む）を、ライブプレビューとCSS付きで紹介します。
QRコードデザイナー: オリジナルのQRコード：色、グラデーション、ドットや角の形、ロゴ、「読み取ってね」フレーム。
ロゴメーカー・ビジネスロゴジェネレーター: 名前、アイコン、色からシンプルなロゴを作成し、SVGまたはPNGでダウンロードします。
明色・暗色ジェネレーター: 任意の色の明るいティント、暗いシェード、柔らかいトーンを、CSS変数付きで生成します。
カラーミキサー: 2色を任意の割合で混ぜ、結果をHEX、RGB、HSL、OKLCHで表示します。
カラーホイールとハーモニー: カラーホイールから、補色、類似色、トライアドなどの配色を作成します。
カラーコントラストグリッド: パレット内のすべての文字色と背景色の組み合わせを、WCAG基準で一括チェックします。
CSSカラー名: 148種類すべてのCSSカラー名とコード、および任意の色に最も近い名前を表示します。
ケルビンからRGB（色温度）: 照明の色温度（2700 K、6500 Kなど）をHEXとRGBの色に変換します。
Tailwindカラーパレットジェネレーター: ブランドカラーから、v3またはv4用の50〜950のTailwind CSSカラースケールを作成します。
マテリアルカラーパレットジェネレーター: 1つのシードカラーから、Material 3スタイルのトーナルパレットと、ライト・ダークのカラーロールを作成します。
シャドウスケールジェネレーター: 揃ったボックスシャドウ（エレベーションレベル）をCSS変数として作成します。
カラースケールジェネレーター: グラフ、地図、グラデーション向けに、2色の間をなめらかにつなぐ段階色を作成します。
グラデーション文字ジェネレーター: CSSでカラフルなグラデーション文字を作成、または透明PNGとしてダウンロードします。
画像から色を抽出: 写真やロゴの主要な色と、それぞれの割合を調べます。
色覚多様性対応パレットチェッカー: 色覚特性のある人がパレットの色を区別できるかをチェックします。
ランダムカラージェネレーター: ビビッド、パステル、ダーク、アースカラーのランダムな色を、名前、HEXコード、ロック付きで生成します。