主な機能
- フォーマット変換
- カラーランプ
- コントラストチェック
- カラーハーモニー
カラーツール
HEX、RGB、HSL、または HSV カラーを入力して形式を変換し、ランプとハーモニーを生成し、WCAG テキストのコントラストを確認します。
カラー入力
#14B8A6、rgb(20, 184, 166)、hsl(174, 80%, 40%)、hsv(174, 89%, 72%)をサポートします。
100%
名前付きパレット
再利用可能な色を保存し、パレットのエクスポートに含めます。
カラープレビュー
#14B8A6
カラーランプ
任意のスウォッチをクリックして、その HEX 値をコピーします。
コントラスト
現在の色と背景がWCAGを満たしているか確認してください。
サンプルテキスト
これを使用して、選択した背景の前景の可読性を検査します。
コントラスト比
2.49:1
AA失敗
AAA失敗
大きな文字失敗
グラジエントジェネレーター
コピー可能な CSS グラデーションを生成するには、開始色と終了色に加えて角度を選択します。
135deg #14B8A6#B81427
linear-gradient(135deg, #14B8A6, #B81427)
135deg
保存されたグラデーション
0/12カラーハーモニー
現在の色相から補色、類似色、および 3 次色を生成します。
機能
フォーマット変換
カラーランプ
コントラストチェック
カラーハーモニー
ユースケース
インターフェイスの色の調整
テーマトークンの生成
テキストの読みやすさをチェックする
カラーツール
カラーフォーマットを変換し、コントラストを確認します。 HEX、RGB、HSL、または HSV カラーを入力して形式を変換し、ランプとハーモニーを生成し、WCAG テキストのコントラストを確認します。コア ワークフローは、現在のブラウザで実行されるように設計されています。
活用例
- インターフェイスの色の調整
- テーマトークンの生成
- テキストの読みやすさをチェックする
よくある質問
カラーツールはオンラインで無料で使用できますか?
はい。カラー ツールは最新のブラウザで開くため、デスクトップ ソフトウェアをインストールする必要はありません。
カラーツールは何に役立ちますか?
一般的な使用例には、インターフェイスの色の調整が含まれます。テーマトークンを生成します。
私の入力またはファイルはアップロードされましたか?
コア処理ワークフローは、ブラウザーでローカルに実行されるように設計されています。主な機能には、フォーマット変換、カラー ランプ、コントラスト チェックが含まれます。アカウント、コメント、匿名分析により、通常のサイト リクエストが作成される場合があります。
コメント
0 コメント
アアカウント
コメントしたり返信するにはサインインしてください。
コメントはまだありません。最初にフィードバックを残してください。