#3ba7ab
RGB
赤 | 59 |
---|---|
緑 | 167 |
青 | 171 |
HSL
色相 | 182° |
---|---|
彩度 | 49% |
明度 | 45% |
輝度 | 53% |
3桁の色
補色
反転色
RGB ( 赤 = 59, 緑 = 167, 青 = 171 )
HSL ( 色相 = 182°, 彩度 = 49%, 明度 = 45% )
H : 色相 ( 182° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ab3e3b : -180
12 : #ab513b : -170
22 : #ab643b : -160
32 : #ab763b : -150
42 : #ab893b : -140
52 : #ab9c3b : -130
62 : #a7ab3b : -120
72 : #94ab3b : -110
82 : #82ab3b : -100
92 : #6fab3b : -90
102 : #5cab3b : -80
112 : #4aab3b : -70
122 : #3bab3e : -60
132 : #3bab51 : -50
142 : #3bab64 : -40
152 : #3bab76 : -30
162 : #3bab89 : -20
172 : #3bab9c : -10
182 : #3ba7ab : ±0
192 : #3b94ab : +10
202 : #3b82ab : +20
212 : #3b6fab : +30
222 : #3b5cab : +40
232 : #3b4aab : +50
242 : #3e3bab : +60
252 : #513bab : +70
262 : #643bab : +80
272 : #763bab : +90
282 : #893bab : +100
292 : #9c3bab : +110
302 : #ab3ba7 : +120
312 : #ab3b94 : +130
322 : #ab3b82 : +140
332 : #ab3b6f : +150
342 : #ab3b5c : +160
352 : #ab3b4a : +170
172 : #3bab9c : -10
173 : #3bab9e : -9
174 : #3baba0 : -8
175 : #3baba2 : -7
176 : #3baba3 : -6
177 : #3baba5 : -5
178 : #3baba7 : -4
179 : #3baba9 : -3
180 : #3babab : -2
181 : #3ba9ab : -1
182 : #3ba7ab : ±0
183 : #3ba5ab : +1
184 : #3ba3ab : +2
185 : #3ba2ab : +3
186 : #3ba0ab : +4
187 : #3b9eab : +5
188 : #3b9cab : +6
189 : #3b9aab : +7
190 : #3b98ab : +8
191 : #3b96ab : +9
192 : #3b94ab : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #727474 : -48
3 : #6f7676 : -46
5 : #6d7878 : -44
7 : #6b7a7b : -42
9 : #687c7d : -40
11 : #667f7f : -38
13 : #648182 : -36
15 : #628384 : -34
17 : #5f8586 : -32
19 : #5d8789 : -30
21 : #5b898b : -28
23 : #588b8d : -26
25 : #568e8f : -24
27 : #549092 : -22
29 : #519294 : -20
31 : #4f9496 : -18
33 : #4d9699 : -16
35 : #4b989b : -14
37 : #489a9d : -12
39 : #469da0 : -10
41 : #449fa2 : -8
43 : #41a1a4 : -6
45 : #3fa3a6 : -4
47 : #3da5a9 : -2
49 : #3ba7ab : ±0
51 : #38a9ad : +2
53 : #36acb0 : +4
55 : #34aeb2 : +6
57 : #31b0b4 : +8
59 : #2fb2b6 : +10
61 : #2db4b9 : +12
63 : #2ab6bb : +14
65 : #28b8bd : +16
67 : #26bbc0 : +18
69 : #24bdc2 : +20
71 : #21bfc4 : +22
73 : #1fc1c7 : +24
75 : #1dc3c9 : +26
77 : #1ac5cb : +28
79 : #18c7cd : +30
81 : #16cad0 : +32
83 : #14ccd2 : +34
85 : #11ced4 : +36
87 : #0fd0d7 : +38
89 : #0dd2d9 : +40
91 : #0ad4db : +42
93 : #08d6dd : +44
95 : #06d8e0 : +46
97 : #03dbe2 : +48
99 : #01dde4 : +50
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -44
3 : #040b0b : -42
5 : #071313 : -40
7 : #091a1b : -38
9 : #0c2122 : -36
11 : #0e292a : -34
13 : #113031 : -32
15 : #143839 : -30
17 : #163f41 : -28
19 : #194748 : -26
21 : #1b4e50 : -24
23 : #1e5557 : -22
25 : #215d5f : -20
27 : #236467 : -18
29 : #266c6e : -16
31 : #287376 : -14
33 : #2b7b7d : -12
35 : #2e8285 : -10
37 : #30898d : -8
39 : #339194 : -6
41 : #35989c : -4
43 : #38a0a3 : -2
45 : #3ba7ab : ±0
47 : #3dafb3 : +2
49 : #40b6ba : +4
51 : #45bbbf : +6
53 : #4cbec2 : +8
55 : #54c1c4 : +10
57 : #5cc3c7 : +12
59 : #63c6ca : +14
61 : #6bc9cc : +16
63 : #72cccf : +18
65 : #7acfd1 : +20
67 : #82d1d4 : +22
69 : #89d4d7 : +24
71 : #91d7d9 : +26
73 : #98dadc : +28
75 : #a0dcde : +30
77 : #a8dfe1 : +32
79 : #afe2e4 : +34
81 : #b7e5e6 : +36
83 : #bee7e9 : +38
85 : #c6eaeb : +40
87 : #ceedee : +42
89 : #d5f0f1 : +44
91 : #ddf3f3 : +46
93 : #e4f5f6 : +48
95 : #ecf8f8 : +50
97 : #f4fbfb : +52
99 : #fbfefe : +54
CSS入門、作ってます。
text-shadow