角丸ジェネレーター
角丸ジェネレーター. スライダーで各角の丸みを調整しCSSをコピーします。
ブラウザーですぐ使える便利なツール。
角丸ジェネレーター. スライダーで各角の丸みを調整しCSSをコピーします。
ボックスシャドウ · 生成をブラウザーですぐに使えます。入力と設定を選び、結果を確認してください。
色のアルファ合成. 符号化sRGBで前景を重ねます。背景は不透明です。
色覚シミュレーター. Machadoら(2009)の2色覚近似モデルです。知覚には個人差があります。グレースケールは別の輝度表示です。
色差計算. CIE76 ΔEはBradford順応後のD50 Labで計算します。色差であり、コントラストや可読性の指標ではありません。
色ミキサー. 符号化sRGBと線形光では混合結果が異なります。比率は色Bに適用します。
カラーパレット · 生成をブラウザーですぐに使えます。入力と設定を選び、結果を確認してください。
色の選択と変換をブラウザーですぐに使えます。入力と設定を選び、結果を確認してください。
コントラスト検査をブラウザーですぐに使えます。入力と設定を選び、結果を確認してください。
CSS clampジェネレーター. 出力はremとvwです。ページのルート文字サイズを設定してください。選択した画面幅を再現します。
CSSベジェ曲線エディター. 制御点をドラッグするか矢印キーで調整します。Shiftで移動幅が大きくなります。
CSSフィルタージェネレーター. フィルターを調整しプレビューと生成CSSを比較します。
CSSグラデーション · 生成をブラウザーですぐに使えます。入力と設定を選び、結果を確認してください。
SVG → データURI. ローカルSVGを選ぶかソースを貼り付けて実行します。表示・拡大縮小・保存ができます。
SVGビューアー. ローカルSVGを選ぶかソースを貼り付けて実行します。表示・拡大縮小・保存ができます。
文字シャドウジェネレーター. 文字の影の位置・ぼかし・色・不透明度を調整します。
文字サイズスケール. 基準文字サイズ・比率・段数を設定しCSSサイズを生成します。