WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 321色1ページ目 ☆DESIGN-SCALES詳細を見るティール・ソフト 100Teal Soft 100#EAF6F3配色類似色変換RGB234, 246, 243HSL165°, 40%, 94%☆DESIGN-SCALES詳細を見るティール・クリア 200Teal Clear 200#B3F5E4配色類似色変換RGB179, 245, 228HSL165°, 77%, 83%☆DESIGN-SCALES詳細を見るティール・ディープ 100Teal Deep 100#A9EADA配色類似色変換RGB169, 234, 218HSL165°, 61%, 79%☆DESIGN-SCALES詳細を見るティール・クリア 300Teal Clear 300#84F0D5配色類似色変換RGB132, 240, 213HSL165°, 78%, 73%☆DESIGN-SCALES詳細を見るティール・ディープ 200Teal Deep 200#87E3CC配色類似色変換RGB135, 227, 204HSL165°, 62%, 71%☆DESIGN-SCALES詳細を見るティール・ソフト 400Teal Soft 400#7DCFBA配色類似色変換RGB125, 207, 186HSL165°, 46%, 65%☆DESIGN-SCALES詳細を見るティール・クリア 400Teal Clear 400#51ECC5配色類似色変換RGB81, 236, 197HSL165°, 80%, 62%☆DESIGN-SCALES詳細を見るティール・ディープ 300Teal Deep 300#5CDBBB配色類似色変換RGB92, 219, 187HSL165°, 64%, 61%☆DESIGN-SCALES詳細を見るティール・ミュート 400Teal Muted 400#7AB8A8配色類似色変換RGB122, 184, 168HSL165°, 30%, 60%☆WEBSAFE詳細を見るWeb Safe #33FFCC#33FFCC配色類似色変換RGB51, 255, 204HSL165°, 100%, 60%☆SEASONAL-PALETTE詳細を見る夏・霞んだ 02Summer Mist 02#67C5AE配色類似色変換RGB103, 197, 174HSL165°, 45%, 59%☆SEASONAL-PALETTE詳細を見る夏・明るい 02Summer Bright 02#3EE3BA配色類似色変換RGB62, 227, 186HSL165°, 75%, 57%☆DESIGN-SCALES詳細を見るティール・ソフト 500Teal Soft 500#55C3A8配色類似色変換RGB85, 195, 168HSL165°, 48%, 55%☆SEASONAL-PALETTE詳細を見る夏・軽やか 02Summer Air 02#2AE3B5配色類似色変換RGB42, 227, 181HSL165°, 77%, 53%☆VIVID詳細を見るビビッド 165Vivid 165#14F5BD配色類似色変換RGB20, 245, 189HSL165°, 92%, 52%☆DESIGN-SCALES詳細を見るティール・クリア 500Teal Clear 500#20E9B7配色類似色変換RGB32, 233, 183HSL165°, 82%, 52%☆COLORWHEEL詳細を見る色相 165度Hue 165#25E4B4配色類似色変換RGB37, 228, 180HSL165°, 78%, 52%☆DESIGN-SCALES詳細を見るティール・ディープ 400Teal Deep 400#2BD4AA配色類似色変換RGB43, 212, 170HSL165°, 66%, 50%☆DESIGN-SCALES詳細を見るティール・ミュート 500Teal Muted 500#57A894配色類似色変換RGB87, 168, 148HSL165°, 32%, 50%☆SEASONAL-PALETTE詳細を見る夏・穏やか 02Summer Calm 02#39BA9A配色類似色変換RGB57, 186, 154HSL165°, 53%, 48%☆DESIGN-SCALES詳細を見るティール・ソフト 600Teal Soft 600#3FAB90配色類似色変換RGB63, 171, 144HSL165°, 46%, 46%☆DESIGN-SCALES詳細を見るティール・クリア 600Teal Clear 600#16C59A配色類似色変換RGB22, 197, 154HSL165°, 80%, 43%☆DESIGN-SCALES詳細を見るティール・ミュート 600Teal Muted 600#498878配色類似色変換RGB73, 136, 120HSL165°, 30%, 41%☆SEASONAL-PALETTE詳細を見る夏・アクセント 02Summer Accent 02#10C094配色類似色変換RGB16, 192, 148HSL165°, 85%, 41%☆DESIGN-SCALES詳細を見るティール・ディープ 500Teal Deep 500#21AB89配色類似色変換RGB33, 171, 137HSL165°, 68%, 40%☆WEBSAFE詳細を見るWeb Safe #00CC99#00CC99配色類似色変換RGB0, 204, 153HSL165°, 100%, 40%☆DESIGN-SCALES詳細を見るティール・ソフト 700Teal Soft 700#358873配色類似色変換RGB53, 136, 115HSL165°, 44%, 37%☆DESIGN-SCALES詳細を見るティール・クリア 700Teal Clear 700#139A79配色類似色変換RGB19, 154, 121HSL165°, 78%, 34%☆DESIGN-SCALES詳細を見るティール・ミュート 700Teal Muted 700#3B685D配色類似色変換RGB59, 104, 93HSL165°, 28%, 32%☆DESIGN-SCALES詳細を見るティール・ディープ 600Teal Deep 600#1B8369配色類似色変換RGB27, 131, 105HSL165°, 66%, 31%☆DESIGN-SCALES詳細を見るティール・ソフト 800Teal Soft 800#296556配色類似色変換RGB41, 101, 86HSL165°, 42%, 28%☆SEASONAL-PALETTE詳細を見る夏・深い 02Summer Deep 02#12765D配色類似色変換RGB18, 118, 93HSL165°, 74%, 27%☆DESIGN-SCALES詳細を見るティール・クリア 800Teal Clear 800#0F7058配色類似色変換RGB15, 112, 88HSL165°, 76%, 25%☆CREATIVE-PALETTE詳細を見るモダン配色用カラー 10Modern Palette 10#225347配色類似色変換RGB34, 83, 71HSL165°, 42%, 23%☆DESIGN-SCALES詳細を見るティール・ミュート 800Teal Muted 800#2B4A42配色類似色変換RGB43, 74, 66HSL165°, 26%, 23%☆DESIGN-SCALES詳細を見るティール・ディープ 700Teal Deep 700#145C4A配色類似色変換RGB20, 92, 74HSL165°, 64%, 22%☆DESIGN-SCALES詳細を見るティール・ソフト 900Teal Soft 900#1F473D配色類似色変換RGB31, 71, 61HSL165°, 39%, 20%☆DESIGN-SCALES詳細を見るティール・クリア 900Teal Clear 900#0B4B3B配色類似色変換RGB11, 75, 59HSL165°, 74%, 17%☆DESIGN-SCALES詳細を見るティール・クリア 100Teal Clear 100#D7F9F1配色類似色変換RGB215, 249, 241HSL166°, 74%, 91%☆DESIGN-SCALES詳細を見るティール・ソフト 200Teal Soft 200#CCEAE3配色類似色変換RGB204, 234, 227HSL166°, 42%, 86%☆PASTEL詳細を見るパステル 165Pastel 165#B8EADE配色類似色変換RGB184, 234, 222HSL166°, 54%, 82%☆DESIGN-SCALES詳細を見るティール・ミュート 200Teal Muted 200#C2DBD5配色類似色変換RGB194, 219, 213HSL166°, 26%, 81%☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 24Wellness Palette 24#92AFA8配色類似色変換RGB146, 175, 168HSL166°, 15%, 63%☆COLORWHEEL詳細を見る色相 166度Hue 166#25E4B8配色類似色変換RGB37, 228, 184HSL166°, 78%, 52%☆JAPANESE-TRADITIONAL詳細を見る萌葱色Moegi#006E54配色類似色変換RGB0, 110, 84HSL166°, 100%, 22%☆CREATIVE-PALETTE詳細を見るビジネス配色用カラー 10Business Palette 10#124539配色類似色変換RGB18, 69, 57HSL166°, 59%, 17%☆DESIGN-SCALES詳細を見るティール・ディープ 900Teal Deep 900#08211B配色類似色変換RGB8, 33, 27HSL166°, 61%, 8%☆COLORWHEEL詳細を見る色相 167度Hue 167#25E4BB配色類似色変換RGB37, 228, 187HSL167°, 78%, 52% 123…7次へ
☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 24Wellness Palette 24#92AFA8配色類似色変換RGB146, 175, 168HSL166°, 15%, 63%
