SheepDev

カラーコード変換

カラーコード変換では、HEX・RGB・HSL・alphaを変換して色をpreviewします。

カラーコード変換

⌂ 入力と結果はこのブラウザー内で処理され、自動保存・送信されません。

入力待ち
● 自動プレビュー

入力・条件

出力

入力待ち

完全なテキスト結果

使い方

デザインの色を別表記で使うときはHEX・RGB・HSLなど対応形式で入力します。透明度とプレビューを確認し、必要な形式をコピーします。

同じ色コードでも背景や透明度で見え方は変わります。文字の読みやすさを確認する場合は、前景と背景をコントラスト比ツールへ入力してください。

例

#4F46E5

原理・制限

入力は各欄1,048,576バイト、出力は33,554,432バイト、処理時間は5,000ミリ秒までです。入力を黙って切り詰めません。

使い方・解説

関連ツール

Web・UI・CSS

コントラスト比

コントラスト比では、alpha合成後のcontrast比とWCAG判定を計算します。

Web・UI・CSS

CSSグラデーション生成

CSSグラデーション生成では、角度と2色からlinear-gradient CSSを生成・previewします。