便利ツール
カラーコード辞典
赤や青からクリムゾン・ティールまで、名前付き52色のHEX・RGB・HSLコードをコピーしてすぐ使えるカラーコード表。
赤系
オレンジ・茶系
黄系
緑系
青系
紫・ピンク系
無彩色
おすすめコンテンツ
写真に撮影場所が残っていないかExifで確認し、画質そのままで位置情報を削除。最大30枚まで、アップロード不要です。
写真の顔を自動で見つけて、モザイク・ぼかし・塗りつぶしで隠せます。アップロード不要、ブラウザだけで無料。
16×16・32×32・64×64のマス目でドット絵を描いて、背景透過PNGで保存。無料・登録不要です。
画像のリサイズ・トリミング・圧縮をブラウザで。最大20枚を一括処理でき、目標容量(KB)の指定にも対応。アップロード不要です。
写真から代表色を5〜10色抽出。各色の割合(%)とHEX・RGB・HSLのカラーコード、近い色名まで表示します。
パスポート・履歴書・免許証の証明写真をサイズどおりに作成。顔の自動合わせと4×6インチのプリント用シートまで無料、アップロード不要です。
iPhoneのHEIC写真やWebP・PNGを、JPG・PNG・WebPにブラウザで変換。最大30枚を一括変換でき、インストール不要・アップロードなしのフリーツールです。
テキストを貼り付け→15種のマスク形状でワードクラウド即時生成、PNGダウンロードまで無料。
名前付きの色52色を集めたカラーコード一覧です。赤・青などの基本色からクリムゾン、ティール、インディゴまで7系統に分けて並べており、そのうち50色はCSSにそのまま書ける標準の色名です(アンバーとミントはCSSキーワードのないデザイン上の通称)。色を選ぶと大きな色見本と、HEX・rgb()・hsl()の値がCSSの書式で表示され、カードをタップすればコピーできます。その下には暗め2段階・元の色・明るめ2段階の濃淡パレットと、同じ系統の近い色4つが続きます。検索は英語の色名(crimsonなど)かHEXコードで。登録不要・無料です。
よくある質問
Q. 何色のカラーコードが載っていますか?
A. 名前付きの52色を、赤・オレンジ/茶・黄・緑・青・紫/ピンク・無彩色の7系統に分けて収録しています。うち50色はCSSの標準色名で、アンバー(#FFBF00)とミント(#3EB489)はCSSキーワードのない通称です。
Q. どの形式でコピーできますか?
A. HEX・RGB・HSLの3種類を、CSSにそのまま使える書式でコピーできます。たとえばクリムゾンなら #DC143C、rgb(220, 20, 60)、hsl(348, 83%, 47%) です。
Q. 濃淡パレットはどう作られていますか?
A. 元の色に黒を40%・20%混ぜた2段階、元の色、白を25%・50%混ぜた2段階の計5段階です。各色をタップするとHEXをコピーできます。