カラーコンバータ — HEX RGB HSL

仕組み

1. 1

   Studio のサイドバーまたは /use/color-converter から Color Converter を開きます。

2. 2

   入力 (ツールに応じてファイル、テキスト、またはオプション) を構成します。

3. 3

   同じページでライブ プレビューまたは検証出力を確認します。

4. 4

   コピー、ダウンロード、またはワークフローの次のステップに渡します。

一般的な使用例

• UI 作業用にアクセス可能なコントラスト ペアを選択する
• CSS 用にブランドカラーを HEX と RGB 間で変換します
• モックアップ用のパレットとシェードを生成する
• プロトタイプの色を混合またはランダム化する

ヒントと比較

• 1デスクトップ アプリと比較して、このオンライン カラー コンバーターおよびピッカーは即座に起動し、更新の必要はありません。繰り返し行うタスクのためにブックマークしておきます。
• 2クラウド アップロード サービスでは、ファイルのコピーが保存される場合があります。このブラウザ ツールは、機能で許可されている場合はローカルで処理を続けます。
• 3バッチまたはエンタープライズ ワークフローの場合は、このツールを Tentaco スタジオと組み合わせるか、結果を独自のパイプラインにエクスポートします。

プライバシーとデータの取り扱い

Tentaco は可能な限りブラウザでこのツールを実行します。貼り付けたテキストおよび構造化入力は、ツールがリモート データを明示的にフェッチしない限り、ページ セッションで処理されます。共有コンピュータで使用した後は、タブを閉じるかページをクリアしてください。外部 API (URL フェッチャーなど) を呼び出す機能は、そのリクエストに必要なデータのみを送信します。

関連ガイド

• カラーシェードジェネレーター — パレットの色合い

  ブランドのベースカラーから色合いや色合いを生成し、システムスケールを設計します。

• カラー コントラスト チェッカー オンライン — 無料

  2 つの色の WCAG コントラスト比を確認します。

• グラデーション ジェネレーター — CSS 線形グラデーション

  ライブ プレビューを使用して CSS の線形グラデーションと放射状グラデーションを構築します。すぐに使えるコードをコピーします。

• ボックス シャドウ ジェネレーター — CSS シャドウ ツール

  ライブ プレビューを使用して CSS ボックス シャドウを視覚的に作成します。カードやボタンのすぐに使える CSS をコピーします。

• オンラインのデザイン スタジオ — 無料

  カラー、グラデーション、CSS デザイン ジェネレーターが 1 つのワークスペースにあります。

• オンラインのイメージ スタジオ — 無料

  画像の圧縮、サイズ変更、変換、分析を 1 つのワークスペースにまとめたコア画像ツールです。

• QRコードジェネレーター - 無料

  URL、Wi-Fi、vCard、プレーンテキストの QR コードを作成します。 PNG または SVG としてダウンロードします。ブラウザで無料・登録不要。標準処理は端末内で完結し、Tentaco サーバーへは送信されません。

• RGB から 16 進数へオンライン — 無料

  RGB 値を 16 進数の色に変換します。