メインコンテンツへスキップ

ツール

カラーツール(TypeScript)

hex・RGB・HSL を相互に変換し、色を混ぜ、明るい色調と暗い色調を作り、文字が読めるよう WCAG のコントラストを確認します。

Webアプリ標準
このテンプレートを使う

登録は無料です。何かが作られる前に、計画を承認していただきます。

サンプルデータで動くデモです。追加・編集・絞り込みができ、変更はお使いのブラウザにだけ保存されます。

しくみ

  1. カラーツール(TypeScript):カラーツール画面

    ステップ 1 · カラーツール

    hex・RGB・HSL の変換

  2. カラーツール(TypeScript):リファレンス画面

    ステップ 2 · リファレンス

    WCAG 2.2 のコントラスト比とレベル

  3. カラーツール(TypeScript):品質画面

    ステップ 3 · 品質

    明るい色調・暗い色調と混色

3ステップで始めよう

  1. ステップ1

    このテンプレートから始める

    無料で登録して、スタジオでテンプレートを開きます。必要に応じて、アイデアに合わせて説明を変更できます。

  2. ステップ2

    計画を承認

    エージェントが作るもの(画面、データ、機能)を提示します。あなたが同意するまで何も作られません。

  3. ステップ3

    テストと公開

    アプリがビルドされ、実際のブラウザでテストされ、ご自身のアドレスで公開できる状態になります。

ツールのその他のテンプレート