01
AI カラーピッカー
16進、RGB、HSL を確認し、必要な形式をコピーします。
組み立て中スタジオ 07 · クリエイティブ
色、書体、次のフレーム。
パレットと書体のスタジオ側ユーティリティ。コントラストに正直。完全なデザインシステムの代わりではありません。
このスタジオのツール
02
AI コントラスト確認
文字と背景の組を WCAG コントラスト比で確認します。
組み立て中03
AI パレット
シード色から短いパレットを作り、モックやムードボードに使います。
組み立て中04
AI 16進 RGB
ページを離れずに 16進、RGB、HSL を相互変換します。
組み立て中05
AI タイプスケール
基準サイズと比率からモジュラーな字サイズ階梯を生成します。
組み立て中06
AI グラデーションラボ
2つのストップをスタイルシートに貼れる CSS グラデーションに混ぜます。
組み立て中