Tiny Online Tools
感覚だけに頼らず、文脈の中で文字間隔を調整する
文字間隔は、フォントやサイズ、大文字の使い方によって読みやすさを高めることもあれば、不自然さを生むこともあります。このツールではライブプレビューと読みやすさの目安を見ながら、その違いを判断できます。
役立つ場面
ボタン、見出し、ラベル、すべて大文字の UI テキストを整えるときに特に便利です。値が決まったら、実際の画面で使う文字サイズでも確認して、最終レイアウトでもリズムが崩れないかを確かめると安心です。
文字間隔ツール
CSS の letter-spacing を調整し、読みやすさと一緒に確認できます。
文字間隔を確認するサンプル
letter-spacing: 0px;
関連ツール
テキストシャドウジェネレーター
ライブプレビュー付きで CSS text-shadow を作成します。
行間計算ツール
読みやすいタイポグラフィのための最適な行間を計算します。
CSS Clip-Path ジェネレーター
ライブプレビューでCSS clip-path形状を生成します。
グラデーションジェネレーター
ライブプレビュー付きで CSS グラデーションを視覚的に作成します。
PDF 分割
PDF ファイルを個別ページまたはページ範囲に分割します。
PDF フォント検査
PDF が使うフォントを、サブセットタグ・サブタイプ・埋め込み状況・実際に使われているページとともに一覧します。
ドミナント カラー ファインダー
画像の支配的な色を 16 進数とパーセンテージで抽出。
もっと見る
無料オンラインツールの全コレクションを見る。