teal ／ 青緑色の一種 ／ #008080

色

概要

　状態:- 　閲覧数:1,908 　投稿日:2016-03-29 　更新日:2016-04-04
#008080




鴨の羽色（かものはいろ）は青緑色の一種
・マガモの頭の羽の色からとられた名前
・英語にも鴨の色をもとにとった同様の色名があり、単に「teal」や「teal green（ティールグリーン）」などのように呼ばれる

使用例
box-shadow: 60px -16px teal;



・鴨の羽色

色彩のみからなる商標

CSS色指定



類似度ページランキング
順位 ページタイトル抜粋 ％
1 teal ／ 青緑色の一種 ／ #008080 65
2 O'Reilly書籍の緑色 ／ #00a9a4 43
3 横一列 ／ display:flex; 28
4 Material Design 2014 年 27
5 名前付き色(Named Colors) の仕様 26
6 History Disabler 26
7 血の色 ／ #b30000 ／ #360800 ／ #ff0000 25
8 SVGの色指定は、「枠線 stroke」と「内部 fill」の2種類 25
9 角丸の上部分を違う色にしたい／Fireworks 8 24
10 Excel 2003 24
11 モバイルデザイン3 ／ display: table; 24
12 Font Awesome v5.0.8 24
13 Create Link 24
14 Twitter Bootstrap 2.0 23
15 Bootstrap 2.0 × Google MAP API 23
16 青 ／ Material UI Colors ／ Flat UI Colors 23
17 「Invalid property value.」遭遇事例一覧 22
18 MediBang Paint 22
19 display:none ／ visibility:hidden 21
20 RGBの種類 ／ sRGB ／ AdobeRGB 21
2026/5/22 23:31 更新
週間人気ページランキング ／ 5-15 → 5-21
順位 ページタイトル抜粋 アクセス数
1 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
1 RGBの種類 ／ ビットカラー | RGB(色) 4
1 Chromeでmhtml保存を選択できなくなったので、拡張機能「Save Page State」を導入 | Chrome 拡張機能 4
1 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
1 favicon.ico の問題 | HTML 4
1 「Firebug Lite for Google Chrome™」アンインストール 4
2 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 3
2 Design 0 3
2 HSV → RGB 計算方式の違い | 色変換(色) 3
2 アイコン | 3系(Bootstrap) 3
2 ｢レイヤー」＋「レイヤー効果」をコピーして新規psdにペースト | Photoshop 3
2 ドロワーメニューが表示されない理由 | モバイルデザイン(デザイン) 3
3 「max-width:100%;」は原寸画像幅までしか拡大しない ／ 「width:100%;」は要素幅まで拡大する 2
3 textareaのスクロールバーが横へはみ出す場合は、「box-sizing:border-box;」を指定する | CSS 2
3 CSS 「id」「class」名 に関する調査履歴 1 | 命名規則(コーディングルール) 2
3 私の「Google Chrome」設定 | Google Chrome(ブラウザ) 2
3 チェック柄　斜め線 | CSS 2
3 Sleipnir | ブラウザ 2
3 スキップリンク | アクセシビリティ(UI) 2
3 「Create Link」復活 | Create Link(Chrome 拡張機能) 2
2026/5/22 5:05 更新