デザイン・配色
デザイン・配色：Alpha透明度の換算, 角丸CSS生成, ボックスシャドウ生成などの実務に使えるツール。
19個のツール
該当する結果がありません。検索語や絞り込み条件を変更してください。
Alpha透明度の換算
Alpha透明度の換算を入力内容に適用します。不透明度 (0–1)を設定し、結果を確認してコピーしてください。
デザイン・配色角丸CSS生成
角丸CSS生成を入力内容に適用します。左上の半径 (px), 右上の半径 (px), 右下の半径 (px)を設定し、結果を確認してコピーしてください。
デザイン・配色ボックスシャドウ生成
ボックスシャドウ生成を入力内容に適用します。基準色, 水平オフセット (px), 垂直オフセット (px)を設定し、結果を確認してコピーしてください。
デザイン・配色CMYK
CMYKを入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 補色
色 · 補色を入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · コントラスト
色 · コントラストを入力内容に適用します。基準色, 2番目の色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 変換
色 · 変換を入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 色差
色 · 色差を入力内容に適用します。基準色, 2番目の色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 反転
色 · 反転を入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 輝度
色 · 輝度を入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 色の混合
色 · 色の混合を入力内容に適用します。基準色, 2番目の色, 2番目の色の割合 (%)を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 色階調
色 · 色階調を入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色色 · 色温度
色 · 色温度を入力内容に適用します。色温度 (K)を設定し、結果を確認してコピーしてください。
デザイン・配色CSS · フィルター
CSS · フィルターを入力内容に適用します。明るさ (%), 100%からのコントラスト変化 (%), グレースケール (%)を設定し、結果を確認してコピーしてください。
デザイン・配色favicon背景プレビュー
favicon背景プレビューを入力内容に適用します。基準色, 2番目の色, アイコン文字を設定し、結果を確認してコピーしてください。
デザイン・配色CSSグラデーション生成
CSSグラデーション生成を入力内容に適用します。基準色, 2番目の色, グラデーション角度 (°)を設定し、結果を確認してコピーしてください。
デザイン・配色調和するカラーパレット
調和するカラーパレットを入力内容に適用します。基準色を設定し、結果を確認してコピーしてください。
デザイン・配色ランダムカラー
参考：ISO 3166のローカルデータ、ブラウザーのIntl、ICCに基づくIncoterms 2020の要約。適用範囲は原典で確認してください。
デザイン・配色テキスト · 影
テキスト · 影を入力内容に適用します。基準色, 水平オフセット (px), 垂直オフセット (px)を設定し、結果を確認してコピーしてください。