#479058
RGB
赤 | 71 |
---|---|
緑 | 144 |
青 | 88 |
HSL
色相 | 134° |
---|---|
彩度 | 34% |
明度 | 42% |
輝度 | 45% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 71, 緑 = 144, 青 = 88 )
HSL ( 色相 = 134°, 彩度 = 34%, 明度 = 42% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #904c47 : -130
14 : #905847 : -120
24 : #906447 : -110
34 : #907047 : -100
44 : #907c47 : -90
54 : #908847 : -80
64 : #8b9047 : -70
74 : #7f9047 : -60
84 : #729047 : -50
94 : #669047 : -40
104 : #5a9047 : -30
114 : #4e9047 : -20
124 : #47904c : -10
134 : #479058 : ±0
144 : #479064 : +10
154 : #479070 : +20
164 : #47907c : +30
174 : #479088 : +40
184 : #478b90 : +50
194 : #477f90 : +60
204 : #477290 : +70
214 : #476690 : +80
224 : #475a90 : +90
234 : #474e90 : +100
244 : #4c4790 : +110
254 : #584790 : +120
264 : #644790 : +130
274 : #704790 : +140
284 : #7c4790 : +150
294 : #884790 : +160
304 : #90478b : +170
314 : #90477f : +180
324 : #904772 : +190
334 : #904766 : +200
344 : #90475a : +210
354 : #90474e : +220
124 : #47904c : -10
125 : #47904d : -9
126 : #47904e : -8
127 : #47904f : -7
128 : #479050 : -6
129 : #479052 : -5
130 : #479053 : -4
131 : #479054 : -3
132 : #479055 : -2
133 : #479056 : -1
134 : #479058 : ±0
135 : #479059 : +1
136 : #47905a : +2
137 : #47905b : +3
138 : #47905d : +4
139 : #47905e : +5
140 : #47905f : +6
141 : #479060 : +7
142 : #479061 : +8
143 : #479063 : +9
144 : #479064 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -34
2 : #696d6a : -32
4 : #676f69 : -30
6 : #657268 : -28
8 : #637467 : -26
10 : #607665 : -24
12 : #5e7864 : -22
14 : #5c7a63 : -20
16 : #5a7c62 : -18
18 : #587e61 : -16
20 : #568160 : -14
22 : #54835f : -12
24 : #51855d : -10
26 : #4f875c : -8
28 : #4d895b : -6
30 : #4b8b5a : -4
32 : #498d59 : -2
34 : #479058 : ±0
36 : #459257 : +2
38 : #429455 : +4
40 : #409654 : +6
42 : #3e9853 : +8
44 : #3c9a52 : +10
46 : #3a9c51 : +12
48 : #389f50 : +14
50 : #36a14f : +16
52 : #33a34d : +18
54 : #31a54c : +20
56 : #2fa74b : +22
58 : #2da94a : +24
60 : #2bab49 : +26
62 : #29ae48 : +28
64 : #27b047 : +30
66 : #24b245 : +32
68 : #22b444 : +34
70 : #20b643 : +36
72 : #1eb842 : +38
74 : #1cba41 : +40
76 : #1abc40 : +42
78 : #18bf3f : +44
80 : #15c13d : +46
82 : #13c33c : +48
84 : #11c53b : +50
86 : #0fc73a : +52
88 : #0dc939 : +54
90 : #0bcb38 : +56
92 : #09ce37 : +58
94 : #06d035 : +60
96 : #04d234 : +62
98 : #02d433 : +64
100 : #00d632 : +66
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #030704 : -40
4 : #070e08 : -38
6 : #0a150d : -36
8 : #0d1b11 : -34
10 : #112215 : -32
12 : #142919 : -30
14 : #18301d : -28
16 : #1b3721 : -26
18 : #1e3e26 : -24
20 : #22442a : -22
22 : #254b2e : -20
24 : #285232 : -18
26 : #2c5936 : -16
28 : #2f603a : -14
30 : #32673f : -12
32 : #366d43 : -10
34 : #397447 : -8
36 : #3d7b4b : -6
38 : #40824f : -4
40 : #438954 : -2
42 : #479058 : ±0
44 : #4a965c : +2
46 : #4d9d60 : +4
48 : #51a464 : +6
50 : #54ab68 : +8
52 : #5bae6e : +10
54 : #62b274 : +12
56 : #69b57a : +14
58 : #6fb880 : +16
60 : #76bc87 : +18
62 : #7dbf8d : +20
64 : #84c293 : +22
66 : #8bc699 : +24
68 : #92c99f : +26
70 : #98cda5 : +28
72 : #9fd0ab : +30
74 : #a6d3b1 : +32
76 : #add7b7 : +34
78 : #b4dabd : +36
80 : #bbddc3 : +38
82 : #c1e1c9 : +40
84 : #c8e4cf : +42
86 : #cfe7d5 : +44
88 : #d6ebdb : +46
90 : #ddeee1 : +48
92 : #e4f2e7 : +50
94 : #eaf5ed : +52
96 : #f1f8f3 : +54
98 : #f8fcf9 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow