色名→HEX変換

CSS色名(例: tomato や cornflowerblue)を入力して、HEXとRGB値を取得します。

使い方

  1. 上のフィールドに値を入力します。
  2. 「計算」を押すと結果がすぐに表示されます。
  3. 「共有」ボタンで結果へのリンクをコピーできます。

この計算ツールについて

CSS Color Moduleは、tomato のような一般的なものから papayawhip や rebeccapurple のような珍しいものまで、148の標準的な名前つきの色を定義しており、それぞれがすべてのブラウザで同じように表示される固定の16進数のRGB値に対応しています。これらの名前は特定の16進コードの別名にすぎないので、一方から他方への変換は、計算ではなく単純な検索です。

このコンバーターは、CSSの色名を受け取り、対応するHEXとRGBの値を返すので、デザインツール、ブランドのスタイルガイド、名前つきの色を受け付けないコード(場合によってはSVGのfill属性や、CSS以外のグラフィックスライブラリなど)に、正確な値をそのまま貼り付けられます。フロントエンドの開発者とデザイナーは、モックアップの名前つきの色を、CSSカスタムプロパティや、HEXかRGBの入力を求めるcanvasやSVGの描画APIに置き換えるときにこれを使います。

このページは役に立ちましたか?

リアクションは最大3つまで選べます。

コメント

  • 最初のコメントを投稿しましょう。

人気の計算機

すべての計算ツール