Tiny Online Tools
ハーモニールールでランダムなカラーパレットを生成します。
コーナーの丸みを視覚的にコントロールしてCSSをコピーします。
CSSボックスシャドウをリアルタイムプレビューで視覚的に作成します。
ライブプレビューでCSS clip-path形状を生成します。
アクセシビリティのためのWCAG 2.1カラーコントラスト比を確認します。
PDF ファイルを個別ページまたはページ範囲に分割します。
Browse a library of common 正規表現 patterns 付き token explanations.
ハッシュ文字列のパターンから可能性の高いハッシュ方式を判別します。
無料オンラインツールの全コレクションを見る。
ランダムパレットが本当に役立つのは、意外性だけでなく構造も与えてくれるときです。このツールでは、ハーモニールールに沿った配色を生成し、気に入った色をロックできるので、ひらめきを実際のデザインに落とし込みやすくなります。
ブランド検討、UI テーマ、イラスト、ランディングページのアクセントカラー探しに向いています。良さそうなパレットが見つかったら、実際のコンポーネントや文字組み合わせでも試して、コントラストと情報の優先度が保てるか確認すると安心です。