
色にカーソルを合わせると、下に16進コードと10進コードが表示されます:
| Hex: # | |||
| レッド: | |||
| グリーン: | |||
| ブルー: |
RGB カラースペース または RGB カラーシステム, は、次の色の組み合わせからすべての色を構成します: ッド, リーン と ルー の色。.
赤・緑・青はそれぞれ8ビットを使用し、0〜255 の整数値を持ちます。これにより 256*256*256 = 16,777,216 色が表現できます。
RGB ≡ レッド, グリーン, ブルー
LED モニターの各ピクセルは、赤・緑・青の LED(発光ダイオード)の組み合わせで色を表示します。
赤のピクセル値が 0 の場合、LED は消灯します。255 の場合、完全に点灯します。
その間の値は、LED の明るさを部分的に調整します。
RGB コードは 24 ビット形式(ビット 0..23)です::
| レッド[7:0] | グリーン[7:0] | ブルー[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
基本色:
| 色 | HTML / CSS 名 | 16進コード #RRGGBB |
10進コード (R,G,B) |
|---|---|---|---|
| ブラック | #000000 | (0,0,0) | |
| ホワイト | #FFFFFF | (255,255,255) | |
| ライム | #FF0000 | (255,0,0) | |
| ライム | #00FF00 | (0,255,0) | |
| ブルー | #0000FF | (0,0,255) | |
| イエロー | #FFFF00 | (255,255,0) | |
| シアン | #00FFFF | (0,255,255) | |
| マゼンタ / フューシャ | #FF00FF | (255,0,255) | |
| シルバー | #C0C0C0 | (192,192,192) | |
| グレー | #808080 | (128,128,128) | |
| マルーン | #800000 | (128,0,0) | |
| オリーブ | #808000 | (128,128,0) | |
| グリーン | #008000 | (0,128,0) | |
| パープル | #800080 | (128,0,128) | |
| ティール | #008080 | (0,128,128) | |
| ネイビー | #000080 | (0,0,128) |
| 色 | 色名 | 16進コード | 10進コード | |
|---|---|---|---|---|
| マルーン | #800000 | (128,0,0) | ||
| ダークレッド | #8B0000 | (139,0,0) | ||
| ブラウン | #A52A2A | (165,42,42) | ||
| ファイアブリック | #B22222 | (178,34,34) | ||
| クリムゾン | #DC143C | (220,20,60) | ||
| トマト | #FF0000 | (255,0,0) | ||
| トマト | #FF6347 | (255,99,71) | ||
| コーラル | #FF7F50 | (255,127,80) | ||
| インディアンレッド | #CD5C5C | (205,92,92) | ||
| ライトコーラル | #F08080 | (240,128,128) | ||
| ダークサーモン | #E9967A | (233,150,122) | ||
| サーモン | #FA8072 | (250,128,114) | ||
| ライトサーモン | #FFA07A | (255,160,122) | ||
| オレンジレッド | #FF4500 | (255,69,0) | ||
| ダークオレンジ | #FF8C00 | (255,140,0) | ||
| オレンジ | #FFA500 | (255,165,0) | ||
| ゴールド | #FFD700 | (255,215,0) | ||
| ダークゴールデンロッド | #B8860B | (184,134,11) | ||
| ゴールデンロッド | #DAA520 | (218,165,32) | ||
| ペールゴールデンロッド | #EEE8AA | (238,232,170) | ||
| ダークカーキ | #BDB76B | (189,183,107) | ||
| カーキ | #F0E68C | (240,230,140) | ||
| オリーブ | #808000 | (128,128,0) | ||
| イエロー | #FFFF00 | (255,255,0) | ||
| イエローグリーン | #9ACD32 | (154,205,50) | ||
| ダークオリーブグリーン | #556B2F | (85,107,47) | ||
| オリーブドラブ | #6B8E23 | (107,142,35) | ||
| ローングリーン | #7CFC00 | (124,252,0) | ||
| シャルトリューズ | #7FFF00 | (127,255,0) | ||
| グリーンイエロー | #ADFF2F | (173,255,47) | ||
| ダークグリーン | #006400 | (0,100,0) | ||
| グリーン | #008000 | (0,128,0) | ||
| フォレストグリーン | #228B22 | (34,139,34) | ||
| ライム | #00FF00 | (0,255,0) | ||
| ライムグリーン | #32CD32 | (50,205,50) | ||
| ライトグリーン | #90EE90 | (144,238,144) | ||
| ペールグリーン | #98FB98 | (152,251,152) | ||
| ダークシーグリーン | #8FBC8F | (143,188,143) | ||
| ミディアムスプリンググリーン | #00FA9A | (0,250,154) | ||
| スプリンググリーン | #00FF7F | (0,255,127) | ||
| シーグリーン | #2E8B57 | (46,139,87) | ||
| ミディアムアクアマリン | #66CDAA | (102,205,170) | ||
| ミディアムシーグリーン | #3CB371 | (60,179,113) | ||
| ライトシーグリーン | #20B2AA | (32,178,170) | ||
| ダークスレートグレー | #2F4F4F | (47,79,79) | ||
| ティール | #008080 | (0,128,128) | ||
| ダークシアン | #008B8B | (0,139,139) | ||
| シアン | #00FFFF | (0,255,255) | ||
| シアン | #00FFFF | (0,255,255) | ||
| ライトシアン | #E0FFFF | (224,255,255) | ||
| ダークターコイズ | #00CED1 | (0,206,209) | ||
| ターコイズ | #40E0D0 | (64,224,208) | ||
| ミディアムターコイズ | #48D1CC | (72,209,204) | ||
| ペールターコイズ | #AFEEEE | (175,238,238) | ||
| アクアマリン | #7FFFD4 | (127,255,212) | ||
| パウダーブルー | #B0E0E6 | (176,224,230) | ||
| ケーデットブルー | #5F9EA0 | (95,158,160) | ||
| スチールブルー | #4682B4 | (70,130,180) | ||
| コーンフラワーブルー | #6495ED | (100,149,237) | ||
| ディープスカイブルー | #00BFFF | (0,191,255) | ||
| ドジャーブルー | #1E90FF | (30,144,255) | ||
| ライトブルー | #ADD8E6 | (173,216,230) | ||
| スカイブルー | #87CEEB | (135,206,235) | ||
| ライトスカイブルー | #87CEFA | (135,206,250) | ||
| ミッドナイトブルー | #191970 | (25,25,112) | ||
| ネイビー | #000080 | (0,0,128) | ||
| ダークブルー | #00008B | (0,0,139) | ||
| ミディアムブルー | #0000CD | (0,0,205) | ||
| ブルー | #0000FF | (0,0,255) | ||
| ロイヤルブルー | #4169E1 | (65,105,225) | ||
| ブルーバイオレット | #8A2BE2 | (138,43,226) | ||
| インディゴ | #4B0082 | (75,0,130) | ||
| ダークスレートブルー | #483D8B | (72,61,139) | ||
| スレートブルー | #6A5ACD | (106,90,205) | ||
| ミディアムスレートブルー | #7B68EE | (123,104,238) | ||
| ミディアムパープル | #9370DB | (147,112,219) | ||
| ダークマゼンタ | #8B008B | (139,0,139) | ||
| ダークバイオレット | #9400D3 | (148,0,211) | ||
| ダークオーキッド | #9932CC | (153,50,204) | ||
| ミディアムオーキッド | #BA55D3 | (186,85,211) | ||
| パープル | #800080 | (128,0,128) | ||
| シスル | #D8BFD8 | (216,191,216) | ||
| プラム | #DDA0DD | (221,160,221) | ||
| バイオレット | #EE82EE | (238,130,238) | ||
| マゼンタ | #FF00FF | (255,0,255) | ||
| オーキッド | #DA70D6 | (218,112,214) | ||
| ミディアムバイオレットレッド | #C71585 | (199,21,133) | ||
| ペールバイオレットレッド | #DB7093 | (219,112,147) | ||
| ディープピンク | #FF1493 | (255,20,147) | ||
| ホットピンク | #FF69B4 | (255,105,180) | ||
| ライトピンク | #FFB6C1 | (255,182,193) | ||
| ピンク | #FFC0CB | (255,192,203) | ||
| アンティークホワイト | #FAEBD7 | (250,235,215) | ||
| ベージュ | #F5F5DC | (245,245,220) | ||
| ビスク | #FFE4C4 | (255,228,196) | ||
| ブランチドアーモンド | #FFEBCD | (255,235,205) | ||
| ウィート | #F5DEB3 | (245,222,179) | ||
| コーンシルク | #FFF8DC | (255,248,220) | ||
| レモンシフォン | #FFFACD | (255,250,205) | ||
| ライトゴールデンロッドイエロー | #FAFAD2 | (250,250,210) | ||
| ライトイエロー | #FFFFE0 | (255,255,224) | ||
| サドルブラウン | #8B4513 | (139,69,19) | ||
| シエナ | #A0522D | (160,82,45) | ||
| チョコレート | #D2691E | (210,105,30) | ||
| ペルー | #CD853F | (205,133,63) | ||
| サンディブラウン | #F4A460 | (244,164,96) | ||
| バーリウッド | #DEB887 | (222,184,135) | ||
| タン | #D2B48C | (210,180,140) | ||
| ロージーブラウン | #BC8F8F | (188,143,143) | ||
| モカシン | #FFE4B5 | (255,228,181) | ||
| ナバホホワイト | #FFDEAD | (255,222,173) | ||
| ピーチパフ | #FFDAB9 | (255,218,185) | ||
| ミスティローズ | #FFE4E1 | (255,228,225) | ||
| ラベンダーブラッシュ | #FFF0F5 | (255,240,245) | ||
| リネン | #FAF0E6 | (250,240,230) | ||
| オールドレース | #FDF5E6 | (253,245,230) | ||
| パパイヤホイップ | #FFEFD5 | (255,239,213) | ||
| シーシェル | #FFF5EE | (255,245,238) | ||
| ミントクリーム | #F5FFFA | (245,255,250) | ||
| スレートグレー | #708090 | (112,128,144) | ||
| ライトスレートグレー | #778899 | (119,136,153) | ||
| ライトスチールブルー | #B0C4DE | (176,196,222) | ||
| ラベンダー | #E6E6FA | (230,230,250) | ||
| フローラルホワイト | #FFFAF0 | (255,250,240) | ||
| アリスブルー | #F0F8FF | (240,248,255) | ||
| ゴーストホワイト | #F8F8FF | (248,248,255) | ||
| ハニーデュー | #F0FFF0 | (240,255,240) | ||
| アイボリー | #FFFFF0 | (255,255,240) | ||
| アズール | #F0FFFF | (240,255,255) | ||
| スノー | #FFFAFA | (255,250,250) | ||
| ブラック | #000000 | (0,0,0) | ||
| ディムグレー | #696969 | (105,105,105) | ||
| グレー / グレイ | #808080 | (128,128,128) | ||
| ダークグレー | #A9A9A9 | (169,169,169) |
色を瞬時に発見: デザイナー、開発者、クリエイター向けの強力な RGB カラー ファインダー | |
| 完璧な色を選択することは、デジタル プロジェクトにおいて最も重要なステップの 1 つです。 Web サイトのデザイン、ロゴの作成、アプリのインターフェイスの開発、または単に視覚的なアイデアを実験する場合でも、色の選択は最終結果を形作る上で中心的な役割を果たします。このプロセスをより簡単、より速く、より直感的に行うために、マウスを使用するか、手動で RGB 値を入力することで、必要な正確な色を見つけることができる新しいツールを作成しました。 | |
| ✔ このツールは、定期的に色を扱う人で、RGB 値を視覚的なカラー プレビューとクリーンな 16 進コードに変換するためのシンプル、正確、効率的な方法を求める人向けに設計されています。 | |
| ✔ 当社の RGB カラー ファインダーは、使いやすさを念頭に置いて構築されています。スムーズでインタラクティブなエクスペリエンスを提供し、好みに応じて視覚的または数値的に色を探索するのに役立ちます。スライダーをドラッグして完璧な色合いを見つけることを好むデザイナーであっても、正確な RGB 値を入力する必要がある開発者であっても、このツールはワークフローに適応します。 | |
| ✔ インターフェイスはクリーンで応答性が高く、デスクトップとモバイル デバイスの両方に最適化されているため、インスピレーションが湧いたときにいつでも使用できます。 | |
| ✔ このツールの最も強力な機能の 1 つは、マウスを使用して色を調整できることです。単純なドラッグ ジェスチャで、赤、緑、青の値の全範囲を探索できます。 | |
| ✔ この視覚的なアプローチは、事前に正確な数値を知る必要がなく、さまざまなトーンや組み合わせを試したいユーザーに最適です。スライダーを動かすと、ツールはプレビュー ボックスを即座に更新し、作成中の色に関するリアルタイムのフィードバックを提供します。 | |
| ✔ これにより、色合いを微調整したり、バリエーションを比較したり、思いつかなかった新しい色のアイデアを発見したりすることが非常に簡単になります。 | |
| ✔ 精度を求めるユーザーのために、このツールでは 3 つの RGB 値を手動で入力することもできます。これは、正確なカラー マッチングを必要とする特定のカラー パレット、ブランド ガイドライン、または UI コンポーネントを扱う開発者にとって特に便利です。 | |
| ✔ 赤、緑、青の値を入力するだけで、ツールは対応する色を 16 進表現とともに即座に表示します。このデュアル入力システムにより、ツールは創造的な探索と技術的な精度の両方をサポートするのに十分な柔軟性が保証されます。 | |
| ✔ このツールのもう 1 つの重要な利点は、RGB から HEX への自動変換です。多くのデザイナーや開発者は、特に CSS、デザイン ソフトウェア、デジタル ブランディングを使用する場合に、これら 2 つの形式を頻繁に切り替えます。 16 進コードを手動で計算したり、外部コンバータを検索したりする代わりに、当社のツールが即座に作業を実行します。 RGB 値を選択または入力するとすぐに、16 進コードが大文字形式で表示され、コピーしてプロジェクトで使用できるようになります。 | |
| ✔ これにより、時間を節約し、エラーを減らし、ワークフローを合理化します。 | |
| ✔ RGB カラー ファインダーは、そのコア機能を超えて、教育用にも設計されています。初心者向けに、RGB 値がどのように組み合わされてさまざまな色が作成されるかを理解する簡単な方法を提供します。スライダーを調整するか数値を入力することで、各コンポーネントの増減が最終結果にどのように影響するかを確認できます。 | |
| ✔ これにより、このツールは学生、愛好家、デジタル カラー理論を学ぶ人にとって素晴らしいリソースになります。 | |
| ✔ このツールは、インストールやプラグインを必要とせず、ブラウザーで直接動作する信頼性の高いカラーピッカーを必要とする専門家にとっても最適です。 Web サイトの構築、ユーザー インターフェイスのデザイン、デジタル イラストレーションの準備のいずれの場合でも、正確で直感的なカラー セレクターにすばやくアクセスできれば、創造的なプロセスを大幅にスピードアップできます。 | |
| ✔ 軽量設計により、読み込み時間が短縮され、インターフェイスは明瞭さと使いやすさのために最適化されています。 | |
| ビジュアルアイデンティティがこれまで以上に重要になる世界では、色を管理するための適切なツールを持つことが不可欠です。当社の RGB カラー ファインダーは、シンプルさ、精度、柔軟性を単一のユーザー フレンドリーなインターフェイスに組み合わせています。マウスで色を探索する場合でも、正確な RGB 値を入力する場合でも、このツールを使用すると、完璧な色合いを見つけて、それを使用可能な HEX コードに即座に変換するために必要なすべてが提供されます。 | |
| 高速かつ正確で、創造性と技術的な作業の両方をサポートするように設計されています。 | |
コメントまたは質問を以下に入力してください |
![]() |
シンプル電卓 |
![]() |
科学電卓 |
![]() |
面積計算機 |
![]() |
体積計算機 |
![]() |
単位変換ツール |
![]() |
環状面積計算機 |
![]() |
データ変換ツール |
![]() |
画像圧縮ツール |
![]() |
ファイル圧縮ツール |
![]() |
RGBカラーピッカー |
![]() |
ファイルからPDF変換 |
![]() |
ボーダー半径計算機 |
![]() |
ボックスシャドウ計算機 |
![]() |
トランスフォーム計算機 |
![]() |
レスポンシブデバイステスター |
![]() |
タイムゾーン変換 & 日付差計算 |
![]() |
パーセンテージ計算機 |
![]() |
GitHubトレンドエクスプローラー |
![]() |
トレンド比較ツール |
![]() |
QRコードジェネレーター |
![]() |
オンラインファイル比較 |
![]() |
無料ウェブサイト速度テスト |
![]() |
あなたの最高の履歴書 |
dzosoft.com © 2022 - 2026 著者: Ing. A. Nasri.無断転載を禁じます.
当サイトでは、効率的なナビゲーションと特定の機能の実行を支援するためにクッキーを使用しています。 各同意カテゴリの詳細情報は以下に記載されています。 「必要」に分類されるクッキーは、サイトの基本機能を有効にするために不可欠であり、ブラウザに保存されます。
また、当サイトの利用状況を分析し、ユーザー設定を保存し、
関連性の高いコンテンツや広告を提供するためのサードパーティクッキーも使用しています。
これらのクッキーは、事前の同意がある場合にのみブラウザに保存されます。
一部のクッキーを無効にすると、閲覧体験に影響する可能性があります。
「同意する」をクリックすると、当社の
プライバシーポリシー.
必要なクッキーは、安全なログインや同意設定の保持など、サイトの基本機能を有効にするために必要です。 安全なログインの提供や同意設定の調整など これらのクッキーは個人を特定できるデータを保存しません。
機能クッキーは、ソーシャルメディアでの共有、フィードバック収集、その他のサードパーティ機能をサポートします。 ソーシャル メディア プラットフォームでの Web サイトの宣伝、フィードバックの収集、その他のサードパーティ機能など。
訪問者数、直帰率、トラフィックソースなどの指標を提供します。 これらのクッキーは、訪問者数などの指標に関する情報を提供するのに役立ちます。 直帰率、トラフィックソースなど。
パフォーマンスクッキーは、サイトの主要パフォーマンス指標を理解・分析し、より良いユーザー体験を提供するために使用されます。 ウェブサイトの訪問者に優れたユーザー エクスペリエンスを提供するのに役立ちます。
広告クッキーは、以前に閲覧したページに基づいてカスタマイズされた広告を提供し、広告キャンペーンの効果を分析します。 以前アクセスしたページに基づいて、広告キャンペーンの効果を分析します。