デザイン
色、コントラスト、グラデーション、CSS。
10 個のツール
100 % ローカルLorem Ipsumデザイン用のダミー文章を作ります。段落・文・単語の単位で指定可能。開く100 % ローカルCSS 整形スタイルシートを整形、または圧縮します。開く100 % ローカルカラー変換1 色の HEX、RGB、HSL、HSV、CMYK と、その明暗のバリエーション。開く100 % ローカルWCAG コントラスト検証その背景で文字は読める？ アクセシビリティの AA・AAA 基準で確認します。開く100 % ローカルパレット生成1 色から調和のとれたパレットを作り、CSS として書き出せます。開く100 % ローカルCSS グラデーション生成線形・放射・扇形のグラデーションを作り、CSS をコピーできます。開く100 % ローカルCSS シャドウ生成影を見ながら調整して、その CSS をそのまま持ち帰れます。開く100 % ローカル画面密度（PPI）1 インチあたりのピクセル数、実際のピクセルの大きさ、最適な視聴距離。開く100 % ローカルアスペクト比の計算縦横比を保ったまま、足りない寸法を求めます。開く100 % ローカルランダムな色の生成ランダムな色を、HEX・RGB・HSL のコードつきで。開く