#b0adab
RGB
| 赤 | 176 |
|---|---|
| 緑 | 173 |
| 青 | 171 |
HSL
| 色相 | 24° |
|---|---|
| 彩度 | 3% |
| 明度 | 68% |
| 輝度 | 68% |
３桁の色
補色
反転色
RGB ( 赤 = 176, 緑 = 173, 青 = 171 )
HSL ( 色相 = 24°, 彩度 = 3%, 明度 = 68% )
H : 色相 ( 24° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #b0abab : -20
14 : #b0acab : -10
24 : #b0adab : ±0
34 : #b0aeab : +10
44 : #b0afab : +20
54 : #b0afab : +30
64 : #b0b0ab : +40
74 : #afb0ab : +50
84 : #aeb0ab : +60
94 : #adb0ab : +70
104 : #acb0ab : +80
114 : #abb0ab : +90
124 : #abb0ab : +100
134 : #abb0ac : +110
144 : #abb0ad : +120
154 : #abb0ae : +130
164 : #abb0af : +140
174 : #abb0af : +150
184 : #abb0b0 : +160
194 : #abafb0 : +170
204 : #abaeb0 : +180
214 : #abadb0 : +190
224 : #abacb0 : +200
234 : #ababb0 : +210
244 : #ababb0 : +220
254 : #acabb0 : +230
264 : #adabb0 : +240
274 : #aeabb0 : +250
284 : #afabb0 : +260
294 : #afabb0 : +270
304 : #b0abb0 : +280
314 : #b0abaf : +290
324 : #b0abae : +300
334 : #b0abad : +310
344 : #b0abac : +320
354 : #b0abab : +330
14 : #b0acab : -10
15 : #b0acab : -9
16 : #b0acab : -8
17 : #b0acab : -7
18 : #b0acab : -6
19 : #b0adab : -5
20 : #b0adab : -4
21 : #b0adab : -3
22 : #b0adab : -2
23 : #b0adab : -1
24 : #b0adab : ±0
25 : #b0adab : +1
26 : #b0adab : +2
27 : #b0adab : +3
28 : #b0adab : +4
29 : #b0adab : +5
30 : #b0adab : +6
31 : #b0adab : +7
32 : #b0aeab : +8
33 : #b0aeab : +9
34 : #b0aeab : +10
S : 彩度 ( 3% )
(0%) 渋い ～ 鮮やか (100%)
1 : #aeadad : -2
3 : #b0adab : ±0
5 : #b1ada9 : +2
7 : #b3aca8 : +4
9 : #b5aca6 : +6
11 : #b6aca4 : +8
13 : #b8aba3 : +10
15 : #baaba1 : +12
17 : #bbaba0 : +14
19 : #bdaa9e : +16
21 : #bfaa9c : +18
23 : #c0aa9b : +20
25 : #c2a999 : +22
27 : #c3a997 : +24
29 : #c5a996 : +26
31 : #c7a894 : +28
33 : #c8a892 : +30
35 : #caa891 : +32
37 : #cca78f : +34
39 : #cda78e : +36
41 : #cfa78c : +38
43 : #d0a68a : +40
45 : #d2a689 : +42
47 : #d4a687 : +44
49 : #d5a585 : +46
51 : #d7a584 : +48
53 : #d9a582 : +50
55 : #daa481 : +52
57 : #dca47f : +54
59 : #dea47d : +56
61 : #dfa37c : +58
63 : #e1a37a : +60
65 : #e2a378 : +62
67 : #e4a277 : +64
69 : #e6a275 : +66
71 : #e7a273 : +68
73 : #e9a172 : +70
75 : #eba170 : +72
77 : #eca16f : +74
79 : #eea16d : +76
81 : #efa06b : +78
83 : #f1a06a : +80
85 : #f3a068 : +82
87 : #f49f66 : +84
89 : #f69f65 : +86
91 : #f89f63 : +88
93 : #f99e62 : +90
95 : #fb9e60 : +92
97 : #fd9e5e : +94
99 : #fe9d5d : +96
L : 明度 ( 68% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -68
2 : #050505 : -66
4 : #0b0a0a : -64
6 : #100f0f : -62
8 : #151414 : -60
10 : #1a1919 : -58
12 : #201e1e : -56
14 : #252323 : -54
16 : #2a2928 : -52
18 : #2f2e2d : -50
20 : #353331 : -48
22 : #3a3836 : -46
24 : #3f3d3b : -44
26 : #444240 : -42
28 : #4a4745 : -40
30 : #4f4c4a : -38
32 : #54514f : -36
34 : #595654 : -34
36 : #5f5b59 : -32
38 : #64605e : -30
40 : #696563 : -28
42 : #6e6a68 : -26
44 : #74706d : -24
46 : #797572 : -22
48 : #7e7a77 : -20
50 : #837f7c : -18
52 : #888481 : -16
54 : #8d8986 : -14
56 : #928e8b : -12
58 : #979391 : -10
60 : #9c9896 : -8
62 : #a19e9b : -6
64 : #a6a3a0 : -4
66 : #aba8a6 : -2
68 : #b0adab : ±0
70 : #b5b2b0 : +2
72 : #bab7b5 : +4
74 : #bfbcbb : +6
76 : #c4c1c0 : +8
78 : #c9c7c5 : +10
80 : #ceccca : +12
82 : #d2d1d0 : +14
84 : #d7d6d5 : +16
86 : #dcdbda : +18
88 : #e1e0df : +20
90 : #e6e5e5 : +22
92 : #ebeaea : +24
94 : #f0f0ef : +26
96 : #f5f5f4 : +28
98 : #fafafa : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow