WEB色見本辞典 色を探す色名・HEX・カテゴリに加え、色相・彩度・明度を範囲指定できます。 検索 データセットすべてCSS標準色Webセーフ拡張グレースケールパステルビビッドユーティリティトーンカラー360色色相環日本の伝統色世界の色名・顔料文化用途別UIカラーデザインカラースケール自然・景観カラー季節・情景カラー素材・サーフェスカラー目的・印象別カラー検索から追加された色色系統すべて赤系橙系黄系黄緑系緑系青緑・水色系青系紫系桃色系茶系無彩色トーンすべて明るい暗い低彩度高彩度並び順色相順名前順明るい順暗い順彩度順HEX順 色相0°〜360° 彩度0%〜100% 明度0%〜100% 条件を適用リセット 347色6ページ目 ☆NATURAL-PALETTE詳細を見る森林カラー 10Forest 10#0F2417配色類似色変換RGB15, 36, 23HSL143°, 41%, 10%☆NATURAL-PALETTE詳細を見る森林カラー 28Forest 28#5EC386配色類似色変換RGB94, 195, 134HSL144°, 46%, 57%☆COLORWHEEL詳細を見る色相 144度Hue 144#25E472配色類似色変換RGB37, 228, 114HSL144°, 78%, 52%☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 21Wellness Palette 21#5CA87A配色類似色変換RGB92, 168, 122HSL144°, 30%, 51%☆WEBSAFE詳細を見るWeb Safe #00FF66#00FF66配色類似色変換RGB0, 255, 102HSL144°, 100%, 50%☆PURPOSE-UI詳細を見るサクセス 200Success 200#CBECD9配色類似色変換RGB203, 236, 217HSL145°, 46%, 86%☆PASTEL詳細を見るパステル 145Pastel 145#B8EACD配色類似色変換RGB184, 234, 205HSL145°, 54%, 82%☆PURPOSE-UI詳細を見るサクセス 300Success 300#A3E1BD配色類似色変換RGB163, 225, 189HSL145°, 51%, 76%☆PURPOSE-UI詳細を見るサクセス 400Success 400#70D79B配色類似色変換RGB112, 215, 155HSL145°, 56%, 64%☆VIVID詳細を見るビビッド 145Vivid 145#14F572配色類似色変換RGB20, 245, 114HSL145°, 92%, 52%☆COLORWHEEL詳細を見る色相 145度Hue 145#25E475配色類似色変換RGB37, 228, 117HSL145°, 78%, 52%☆PURPOSE-UI詳細を見るサクセス 500Success 500#3ACF78配色類似色変換RGB58, 207, 120HSL145°, 61%, 52%☆PURPOSE-UI詳細を見るサクセス 600Success 600#25B15F配色類似色変換RGB37, 177, 95HSL145°, 65%, 42%☆WORLD-COLORS詳細を見るアマゾングリーンAmazon Green#387B54配色類似色変換RGB56, 123, 84HSL145°, 37%, 35%☆PURPOSE-UI詳細を見るサクセス 700Success 700#1A8948配色類似色変換RGB26, 137, 72HSL145°, 68%, 32%☆PURPOSE-UI詳細を見るサクセス 800Success 800#126434配色類似色変換RGB18, 100, 52HSL145°, 69%, 23%☆PURPOSE-UI詳細を見るサクセス 900Success 900#0B4222配色類似色変換RGB11, 66, 34HSL145°, 71%, 15%☆UTILITY詳細を見るエメラルド 50Emerald 50#F4FBF7配色類似色変換RGB244, 251, 247HSL146°, 47%, 97%☆PURPOSE-UI詳細を見るサクセス 100Success 100#E6F4EC配色類似色変換RGB230, 244, 236HSL146°, 39%, 93%☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 14Wellness Palette 14#6EB08B配色類似色変換RGB110, 176, 139HSL146°, 29%, 56%☆COLORWHEEL詳細を見る色相 146度Hue 146#25E478配色類似色変換RGB37, 228, 120HSL146°, 78%, 52%☆CSS詳細を見るseagreen#2E8B57配色類似色変換RGB46, 139, 87HSL146°, 50%, 36%☆COLORWHEEL詳細を見る色相 147度Hue 147#25E47B配色類似色変換RGB37, 228, 123HSL147°, 78%, 52%☆CSS詳細を見るmediumseagreen#3CB371配色類似色変換RGB60, 179, 113HSL147°, 50%, 47%☆NATURAL-PALETTE詳細を見る森林カラー 20Forest 20#183525配色類似色変換RGB24, 53, 37HSL147°, 38%, 15%☆NATURAL-PALETTE詳細を見る森林カラー 29Forest 29#69CD97配色類似色変換RGB105, 205, 151HSL148°, 50%, 61%☆COLORWHEEL詳細を見る色相 148度Hue 148#25E47E配色類似色変換RGB37, 228, 126HSL148°, 78%, 52%☆UTILITY詳細を見るエメラルド 200Emerald 200#CDF4E0配色類似色変換RGB205, 244, 224HSL149°, 64%, 88%☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 07Wellness Palette 07#7FB89B配色類似色変換RGB127, 184, 155HSL149°, 29%, 61%☆COLORWHEEL詳細を見る色相 149度Hue 149#25E481配色類似色変換RGB37, 228, 129HSL149°, 78%, 52%☆CSS詳細を見るmintcream#F5FFFA配色類似色変換RGB245, 255, 250HSL150°, 100%, 98%☆PURPOSE-UI詳細を見るサクセス 50Success 50#F4FAF7配色類似色変換RGB244, 250, 247HSL150°, 37%, 97%☆PASTEL詳細を見るパステル 150Pastel 150#B8EAD1配色類似色変換RGB184, 234, 209HSL150°, 54%, 82%☆WEBSAFE詳細を見るWeb Safe #99FFCC#99FFCC配色類似色変換RGB153, 255, 204HSL150°, 100%, 80%☆UTILITY詳細を見るエメラルド 300Emerald 300#A7F1CC配色類似色変換RGB167, 241, 204HSL150°, 73%, 80%☆TONES詳細を見るエメラルド・ライトEmerald Light#9FEFC7配色類似色変換RGB159, 239, 199HSL150°, 71%, 78%☆UTILITY詳細を見るエメラルド 400Emerald 400#77EEB3配色類似色変換RGB119, 238, 179HSL150°, 78%, 70%☆TONES詳細を見るエメラルド・ソフトEmerald Soft#81DAAD配色類似色変換RGB129, 218, 173HSL150°, 55%, 68%☆WEBSAFE詳細を見るWeb Safe #33FF99#33FF99配色類似色変換RGB51, 255, 153HSL150°, 100%, 60%☆WEBSAFE詳細を見るWeb Safe #66CC99#66CC99配色類似色変換RGB102, 204, 153HSL150°, 50%, 60%☆TONES詳細を見るエメラルド・ブライトEmerald Bright#36F294配色類似色変換RGB54, 242, 148HSL150°, 88%, 58%☆UTILITY詳細を見るエメラルド 500Emerald 500#3CEC94配色類似色変換RGB60, 236, 148HSL150°, 82%, 58%☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 22Wellness Palette 22#64B58D配色類似色変換RGB100, 181, 141HSL150°, 35%, 55%☆VIVID詳細を見るビビッド 150Vivid 150#14F585配色類似色変換RGB20, 245, 133HSL150°, 92%, 52%☆COLORWHEEL詳細を見る色相 150度Hue 150#25E485配色類似色変換RGB37, 228, 133HSL150°, 78%, 52%☆CSS詳細を見るspringgreen#00FF7F配色類似色変換RGB0, 255, 127HSL150°, 100%, 50%☆UTILITY詳細を見るエメラルド 600Emerald 600#14E17A配色類似色変換RGB20, 225, 122HSL150°, 84%, 48%☆WEBSAFE詳細を見るWeb Safe #00CC66#00CC66配色類似色変換RGB0, 204, 102HSL150°, 100%, 40% 前へ1…45678次へ
☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 21Wellness Palette 21#5CA87A配色類似色変換RGB92, 168, 122HSL144°, 30%, 51%
☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 14Wellness Palette 14#6EB08B配色類似色変換RGB110, 176, 139HSL146°, 29%, 56%
☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 07Wellness Palette 07#7FB89B配色類似色変換RGB127, 184, 155HSL149°, 29%, 61%
☆CREATIVE-PALETTE詳細を見るウェルネス配色用カラー 22Wellness Palette 22#64B58D配色類似色変換RGB100, 181, 141HSL150°, 35%, 55%
