#0b949d
RGB
赤 | 11 |
---|---|
緑 | 148 |
青 | 157 |
HSL
色相 | 184° |
---|---|
彩度 | 87% |
明度 | 33% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 11, 緑 = 148, 青 = 157 )
HSL ( 色相 = 184°, 彩度 = 87%, 明度 = 33% )
H : 色相 ( 184° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #9d150b : -180
14 : #9d2d0b : -170
24 : #9d460b : -160
34 : #9d5e0b : -150
44 : #9d760b : -140
54 : #9d8f0b : -130
64 : #949d0b : -120
74 : #7b9d0b : -110
84 : #639d0b : -100
94 : #4a9d0b : -90
104 : #329d0b : -80
114 : #1a9d0b : -70
124 : #0b9d15 : -60
134 : #0b9d2d : -50
144 : #0b9d46 : -40
154 : #0b9d5e : -30
164 : #0b9d76 : -20
174 : #0b9d8f : -10
184 : #0b949d : ±0
194 : #0b7b9d : +10
204 : #0b639d : +20
214 : #0b4a9d : +30
224 : #0b329d : +40
234 : #0b1a9d : +50
244 : #150b9d : +60
254 : #2d0b9d : +70
264 : #460b9d : +80
274 : #5e0b9d : +90
284 : #760b9d : +100
294 : #8f0b9d : +110
304 : #9d0b94 : +120
314 : #9d0b7b : +130
324 : #9d0b63 : +140
334 : #9d0b4a : +150
344 : #9d0b32 : +160
354 : #9d0b1a : +170
174 : #0b9d8f : -10
175 : #0b9d91 : -9
176 : #0b9d94 : -8
177 : #0b9d96 : -7
178 : #0b9d98 : -6
179 : #0b9d9b : -5
180 : #0b9d9d : -4
181 : #0b9b9d : -3
182 : #0b989d : -2
183 : #0b969d : -1
184 : #0b949d : ±0
185 : #0b919d : +1
186 : #0b8f9d : +2
187 : #0b8c9d : +3
188 : #0b8a9d : +4
189 : #0b879d : +5
190 : #0b859d : +6
191 : #0b839d : +7
192 : #0b809d : +8
193 : #0b7e9d : +9
194 : #0b7b9d : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535555 : -86
3 : #525657 : -84
5 : #505858 : -82
7 : #4e595a : -80
9 : #4d5b5c : -78
11 : #4b5c5d : -76
13 : #495e5f : -74
15 : #485f61 : -72
17 : #466162 : -70
19 : #446264 : -68
21 : #426366 : -66
23 : #416568 : -64
25 : #3f6669 : -62
27 : #3d686b : -60
29 : #3c696d : -58
31 : #3a6b6e : -56
33 : #386c70 : -54
35 : #376e72 : -52
37 : #356f73 : -50
39 : #337175 : -48
41 : #327277 : -46
43 : #307478 : -44
45 : #2e757a : -42
47 : #2d767c : -40
49 : #2b787d : -38
51 : #29797f : -36
53 : #287b81 : -34
55 : #267c82 : -32
57 : #247e84 : -30
59 : #237f86 : -28
61 : #218187 : -26
63 : #1f8289 : -24
65 : #1d848b : -22
67 : #1c858d : -20
69 : #1a868e : -18
71 : #188890 : -16
73 : #178992 : -14
75 : #158b93 : -12
77 : #138c95 : -10
79 : #128e97 : -8
81 : #108f98 : -6
83 : #0e919a : -4
85 : #0d929c : -2
87 : #0b949d : ±0
89 : #09959f : +2
91 : #0897a1 : +4
93 : #0698a2 : +6
95 : #0499a4 : +8
97 : #039ba6 : +10
99 : #019ca7 : +12
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #000405 : -32
3 : #010d0e : -30
5 : #021618 : -28
7 : #021f21 : -26
9 : #03282b : -24
11 : #043134 : -22
13 : #043a3e : -20
15 : #054348 : -18
17 : #064c51 : -16
19 : #06555b : -14
21 : #075e64 : -12
23 : #08676e : -10
25 : #087077 : -8
27 : #097981 : -6
29 : #0a828a : -4
31 : #0a8b94 : -2
33 : #0b949d : ±0
35 : #0c9da7 : +2
37 : #0ca5b0 : +4
39 : #0daeba : +6
41 : #0eb7c4 : +8
43 : #0ec0cd : +10
45 : #0fc9d7 : +12
47 : #10d2e0 : +14
49 : #10dbea : +16
51 : #15e0ef : +18
53 : #1fe2ef : +20
55 : #28e3f0 : +22
57 : #32e4f1 : +24
59 : #3be5f1 : +26
61 : #45e7f2 : +28
63 : #4fe8f3 : +30
65 : #58e9f3 : +32
67 : #62eaf4 : +34
69 : #6becf5 : +36
71 : #75edf5 : +38
73 : #7eeef6 : +40
75 : #88eff7 : +42
77 : #91f1f7 : +44
79 : #9bf2f8 : +46
81 : #a4f3f9 : +48
83 : #aef4f9 : +50
85 : #b7f6fa : +52
87 : #c1f7fb : +54
89 : #cbf8fb : +56
91 : #d4f9fc : +58
93 : #defbfd : +60
95 : #e7fcfd : +62
97 : #f1fdfe : +64
99 : #fafeff : +66
CSS入門、作ってます。
text-shadow