WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 222色4ページ目 ☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 01Minimal Palette 01#657671配色類似色変換RGB101, 118, 113HSL162°, 8%, 43%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 02Minimal Palette 02#6E817E配色類似色変換RGB110, 129, 126HSL171°, 8%, 47%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 20Industrial Palette 20#252D2C配色類似色変換RGB37, 45, 44HSL173°, 10%, 16%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 20Minimal Palette 20#6C7F7D配色類似色変換RGB108, 127, 125HSL174°, 8%, 46%☆SURFACE-COLORS詳細を見る木炭質感 01Charcoal Surface 01#F4F5F5配色類似色変換RGB244, 245, 245HSL180°, 5%, 96%☆SURFACE-COLORS詳細を見るコンクリート質感 01Concrete Surface 01#F4F5F5配色類似色変換RGB244, 245, 245HSL180°, 5%, 96%☆JAPANESE-TRADITIONAL詳細を見る白鼠Shironezu#DCDDDD配色類似色変換RGB220, 221, 221HSL180°, 1%, 86%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 12Minimal Palette 12#809193配色類似色変換RGB128, 145, 147HSL186°, 8%, 54%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 12Industrial Palette 12#384142配色類似色変換RGB56, 65, 66HSL186°, 8%, 24%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 30Industrial Palette 30#363E3F配色類似色変換RGB54, 62, 63HSL187°, 8%, 23%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 30Minimal Palette 30#7E8D91配色類似色変換RGB126, 141, 145HSL193°, 8%, 53%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 13Minimal Palette 13#8B989C配色類似色変換RGB139, 152, 156HSL194°, 8%, 58%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 06Minimal Palette 06#99A4A8配色類似色変換RGB153, 164, 168HSL196°, 8%, 63%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 13Industrial Palette 13#424A4D配色類似色変換RGB66, 74, 77HSL196°, 8%, 28%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 06Industrial Palette 06#4D575B配色類似色変換RGB77, 87, 91HSL197°, 8%, 33%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 21Industrial Palette 21#3E484C配色類似色変換RGB62, 72, 76HSL197°, 10%, 27%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 21Minimal Palette 21#89959A配色類似色変換RGB137, 149, 154HSL198°, 8%, 57%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 14Industrial Palette 14#4A5459配色類似色変換RGB74, 84, 89HSL200°, 9%, 32%☆SURFACE-COLORS詳細を見るコンクリート質感 20Concrete Surface 20#232526配色類似色変換RGB35, 37, 38HSL200°, 4%, 14%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 14Minimal Palette 14#96A0A6配色類似色変換RGB150, 160, 166HSL203°, 8%, 62%☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 07Industrial Palette 07#566066配色類似色変換RGB86, 96, 102HSL203°, 9%, 37%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 22Minimal Palette 22#929DA5配色類似色変換RGB146, 157, 165HSL205°, 10%, 61%☆SURFACE-COLORS詳細を見るコンクリート質感 05Concrete Surface 05#C5C9CC配色類似色変換RGB197, 201, 204HSL206°, 6%, 79%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 07Minimal Palette 07#A4ACB2配色類似色変換RGB164, 172, 178HSL206°, 8%, 67%☆SURFACE-COLORS詳細を見るコンクリート質感 10Concrete Surface 10#88939C配色類似色変換RGB136, 147, 156HSL207°, 9%, 57%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 15Minimal Palette 15#A1A9B0配色類似色変換RGB161, 169, 176HSL208°, 9%, 66%☆SURFACE-COLORS詳細を見るコンクリート質感 02Concrete Surface 02#E8EAEC配色類似色変換RGB232, 234, 236HSL210°, 10%, 92%☆PURPOSE-UI詳細を見るニュートラル 200Neutral 200#D8DBDE配色類似色変換RGB216, 219, 222HSL210°, 8%, 86%☆SURFACE-COLORS詳細を見るコンクリート質感 04Concrete Surface 04#D2D4D6配色類似色変換RGB210, 212, 214HSL210°, 5%, 83%☆SURFACE-COLORS詳細を見るコンクリート質感 06Concrete Surface 06#B8BEC4配色類似色変換RGB184, 190, 196HSL210°, 9%, 75%☆CREATIVE-PALETTE詳細を見るミニマル配色用カラー 08Minimal Palette 08#AFB5BB配色類似色変換RGB175, 181, 187HSL210°, 8%, 71%☆SURFACE-COLORS詳細を見るコンクリート質感 12Concrete Surface 12#777C81配色類似色変換RGB119, 124, 129HSL210°, 4%, 49%☆JAPANESE-TRADITIONAL詳細を見る鉛色Namari-iro#7B7C7D配色類似色変換RGB123, 124, 125HSL210°, 1%, 49%☆PURPOSE-UI詳細を見るニュートラル 900Neutral 900#232629配色類似色変換RGB35, 38, 41HSL210°, 8%, 15%☆SURFACE-COLORS詳細を見るコンクリート質感 13Concrete Surface 13#6A7179配色類似色変換RGB106, 113, 121HSL212°, 7%, 45%☆PURPOSE-UI詳細を見るニュートラル 700Neutral 700#4B5158配色類似色変換RGB75, 81, 88HSL212°, 8%, 32%☆SURFACE-COLORS詳細を見るコンクリート質感 17Concrete Surface 17#41454A配色類似色変換RGB65, 69, 74HSL213°, 6%, 27%☆PURPOSE-UI詳細を見るニュートラル 800Neutral 800#363A3F配色類似色変換RGB54, 58, 63HSL213°, 8%, 23%☆SURFACE-COLORS詳細を見るコンクリート質感 18Concrete Surface 18#353A40配色類似色変換RGB53, 58, 64HSL213°, 9%, 23%☆SURFACE-COLORS詳細を見る木炭質感 05Charcoal Surface 05#C5C8CC配色類似色変換RGB197, 200, 204HSL214°, 6%, 79%☆SURFACE-COLORS詳細を見るコンクリート質感 08Concrete Surface 08#A5A8AC配色類似色変換RGB165, 168, 172HSL214°, 4%, 66%☆SURFACE-COLORS詳細を見るコンクリート質感 16Concrete Surface 16#4D5054配色類似色変換RGB77, 80, 84HSL214°, 4%, 32%☆SURFACE-COLORS詳細を見るコンクリート質感 09Concrete Surface 09#979CA3配色類似色変換RGB151, 156, 163HSL215°, 6%, 62%☆PURPOSE-UI詳細を見るニュートラル 500Neutral 500#7B838E配色類似色変換RGB123, 131, 142HSL215°, 8%, 52%☆PURPOSE-UI詳細を見るニュートラル 600Neutral 600#636A74配色類似色変換RGB99, 106, 116HSL215°, 8%, 42%☆SURFACE-COLORS詳細を見るコンクリート質感 14Concrete Surface 14#5D6570配色類似色変換RGB93, 101, 112HSL215°, 9%, 40%☆PURPOSE-UI詳細を見るニュートラル 300Neutral 300#BDC1C7配色類似色変換RGB189, 193, 199HSL216°, 8%, 76%☆PURPOSE-UI詳細を見るニュートラル 400Neutral 400#9CA2AB配色類似色変換RGB156, 162, 171HSL216°, 8%, 64% 前へ12345次へ
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 20Industrial Palette 20#252D2C配色類似色変換RGB37, 45, 44HSL173°, 10%, 16%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 12Industrial Palette 12#384142配色類似色変換RGB56, 65, 66HSL186°, 8%, 24%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 30Industrial Palette 30#363E3F配色類似色変換RGB54, 62, 63HSL187°, 8%, 23%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 13Industrial Palette 13#424A4D配色類似色変換RGB66, 74, 77HSL196°, 8%, 28%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 06Industrial Palette 06#4D575B配色類似色変換RGB77, 87, 91HSL197°, 8%, 33%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 21Industrial Palette 21#3E484C配色類似色変換RGB62, 72, 76HSL197°, 10%, 27%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 14Industrial Palette 14#4A5459配色類似色変換RGB74, 84, 89HSL200°, 9%, 32%
☆CREATIVE-PALETTE詳細を見るインダストリアル配色用カラー 07Industrial Palette 07#566066配色類似色変換RGB86, 96, 102HSL203°, 9%, 37%
