カラーツールボックス

色変換器

色名 Sky Blue
明度 65%

カラーパレット生成器

コントラストチェッカー

コントラストテスト用のサンプルテキスト

サンプル見出し

コントラスト比 21:1
WCAG AA Normal: ✓ Pass
WCAG AA Large: ✓ Pass
WCAG AAA Normal: ✓ Pass
WCAG AAA Large: ✓ Pass

色覚異常シミュレーター

正常な視覚

シミュレーション視覚

色覚異常のタイプを選択して、異なる色覚異常を持つ人にどのように色が見えるかを確認してください。

使用方法

  1. 色変換器を使用してHEX、RGB、HSL形式間で変換
  2. 異なる配色スキームでカラーパレットを生成
  3. アクセシビリティ準拠のためのカラーコントラスト比をチェック
  4. 色覚異常を持つ人にどのように色が見えるかをシミュレート

カラーツールボックス

無料オンラインカラーツールキット。HEX/RGB/HSL変換、カラーパレット生成、コントラストチェッカー、色覚シミュレーター搭載。ウェブデザインやアクセシビリティ対応に最適な包括的カラーツール。登録不要でブラウザから簡単に利用、オフライン動作。

デザインツール

よくある使い方

このツールはブラウザですぐ使えるように設計されています。設定を調整するとすぐに結果を得られ、登録やサーバーへのアップロードは基本的に不要です。

可能な限りブラウザ内で処理するため、待ち時間を減らし、検索から来たユーザーにも分かりやすい構成になります。

関連トピック

次のキーワードは、このツールの用途を理解するのに役立ちます。

よくある質問

どの形式を変換できますか?

HEX / RGB / HSL の相互変換に対応し、値をすぐコピーできます。

パレットはどう作りますか?

ベースカラーと配色スキームを選び、Generate でパレットを作成します。

コントラストチェッカーの使い方は?

前景/背景色を選ぶと、コントラスト比と WCAG AA/AAA の判定が表示されます。

カラーツールボックス ドキュメント

完全なカラーツールキット - HEX/RGB/HSL変換、カラーパレット生成、コントラストチェック、色盲シミュレーター。簡単で無料のオンラインカラーツール。

概要

完全なカラーツールキット - HEX/RGB/HSL変換、カラーパレット生成、コントラストチェック、色盲シミュレーター。簡単で無料のオンラインカラーツール。

主な機能

主なポイントを以下にまとめます。

  • ヘックス
  • rgb

完全ガイドを見る: カラーツールボックス