#7e918b
RGB
赤 | 126 |
---|---|
緑 | 145 |
青 | 139 |
HSL
色相 | 161° |
---|---|
彩度 | 8% |
明度 | 53% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 126, 緑 = 145, 青 = 139 )
HSL ( 色相 = 161°, 彩度 = 8%, 明度 = 53% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #917e7e : -160
11 : #91817e : -150
21 : #91847e : -140
31 : #91877e : -130
41 : #918b7e : -120
51 : #918e7e : -110
61 : #90917e : -100
71 : #8d917e : -90
81 : #8a917e : -80
91 : #87917e : -70
101 : #84917e : -60
111 : #80917e : -50
121 : #7e917e : -40
131 : #7e9181 : -30
141 : #7e9184 : -20
151 : #7e9187 : -10
161 : #7e918b : ±0
171 : #7e918e : +10
181 : #7e9091 : +20
191 : #7e8d91 : +30
201 : #7e8a91 : +40
211 : #7e8791 : +50
221 : #7e8491 : +60
231 : #7e8091 : +70
241 : #7e7e91 : +80
251 : #817e91 : +90
261 : #847e91 : +100
271 : #877e91 : +110
281 : #8b7e91 : +120
291 : #8e7e91 : +130
301 : #917e90 : +140
311 : #917e8d : +150
321 : #917e8a : +160
331 : #917e87 : +170
341 : #917e84 : +180
351 : #917e80 : +190
151 : #7e9187 : -10
152 : #7e9188 : -9
153 : #7e9188 : -8
154 : #7e9188 : -7
155 : #7e9189 : -6
156 : #7e9189 : -5
157 : #7e9189 : -4
158 : #7e918a : -3
159 : #7e918a : -2
160 : #7e918a : -1
161 : #7e918b : ±0
162 : #7e918b : +1
163 : #7e918b : +2
164 : #7e918c : +3
165 : #7e918c : +4
166 : #7e918c : +5
167 : #7e918d : +6
168 : #7e918d : +7
169 : #7e918d : +8
170 : #7e918e : +9
171 : #7e918e : +10
S : 彩度 ( 8% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -8
2 : #858a88 : -6
4 : #828c89 : -4
6 : #808e8a : -2
8 : #7e918b : ±0
10 : #7b938c : +2
12 : #79968c : +4
14 : #76988d : +6
16 : #749a8e : +8
18 : #729d8f : +10
20 : #6f9f90 : +12
22 : #6da291 : +14
24 : #6aa492 : +16
26 : #68a693 : +18
28 : #66a993 : +20
30 : #63ab94 : +22
32 : #61ae95 : +24
34 : #5eb096 : +26
36 : #5cb297 : +28
38 : #5ab598 : +30
40 : #57b799 : +32
42 : #55b99a : +34
44 : #52bc9a : +36
46 : #50be9b : +38
48 : #4ec19c : +40
50 : #4bc39d : +42
52 : #49c59e : +44
54 : #46c89f : +46
56 : #44caa0 : +48
58 : #42cda1 : +50
60 : #3fcfa2 : +52
62 : #3dd1a2 : +54
64 : #3ad4a3 : +56
66 : #38d6a4 : +58
68 : #36d9a5 : +60
70 : #33dba6 : +62
72 : #31dda7 : +64
74 : #2ee0a8 : +66
76 : #2ce2a9 : +68
78 : #2ae5a9 : +70
80 : #27e7aa : +72
82 : #25e9ab : +74
84 : #22ecac : +76
86 : #20eead : +78
88 : #1ef1ae : +80
90 : #1bf3af : +82
92 : #19f5b0 : +84
94 : #16f8b0 : +86
96 : #14fab1 : +88
98 : #12fdb2 : +90
100 : #0fffb3 : +92
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -52
3 : #070808 : -50
5 : #0c0e0d : -48
7 : #101312 : -46
9 : #151918 : -44
11 : #1a1e1d : -42
13 : #1e2422 : -40
15 : #232927 : -38
17 : #282f2d : -36
19 : #2d3432 : -34
21 : #313a37 : -32
23 : #363f3c : -30
25 : #3b4542 : -28
27 : #3f4a47 : -26
29 : #44504c : -24
31 : #495551 : -22
33 : #4d5b57 : -20
35 : #52605c : -18
37 : #576661 : -16
39 : #5b6b66 : -14
41 : #60716c : -12
43 : #657671 : -10
45 : #6a7c76 : -8
47 : #6e817b : -6
49 : #738781 : -4
51 : #788c86 : -2
53 : #7e918b : ±0
55 : #839590 : +2
57 : #899a95 : +4
59 : #8e9f9a : +6
61 : #94a49e : +8
63 : #99a8a3 : +10
65 : #9fada8 : +12
67 : #a4b2ad : +14
69 : #aab6b2 : +16
71 : #afbbb7 : +18
73 : #b5c0bc : +20
75 : #bac4c1 : +22
77 : #c0c9c6 : +24
79 : #c5cecb : +26
81 : #cbd2d0 : +28
83 : #d0d7d5 : +30
85 : #d6dcda : +32
87 : #dbe1df : +34
89 : #e1e5e4 : +36
91 : #e6eae9 : +38
93 : #ecefee : +40
95 : #f1f3f3 : +42
97 : #f7f8f8 : +44
99 : #fcfdfd : +46
CSS入門、作ってます。
text-shadow