#16a4b1
RGB
赤 | 22 |
---|---|
緑 | 164 |
青 | 177 |
HSL
色相 | 185° |
---|---|
彩度 | 78% |
明度 | 39% |
輝度 | 48% |
3桁の色
補色
反転色
RGB ( 赤 = 22, 緑 = 164, 青 = 177 )
HSL ( 色相 = 185°, 彩度 = 78%, 明度 = 39% )
H : 色相 ( 185° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #b12316 : -180
15 : #b13d16 : -170
25 : #b15716 : -160
35 : #b17016 : -150
45 : #b18a16 : -140
55 : #b1a416 : -130
65 : #a4b116 : -120
75 : #8ab116 : -110
85 : #70b116 : -100
95 : #57b116 : -90
105 : #3db116 : -80
115 : #23b116 : -70
125 : #16b123 : -60
135 : #16b13d : -50
145 : #16b157 : -40
155 : #16b170 : -30
165 : #16b18a : -20
175 : #16b1a4 : -10
185 : #16a4b1 : ±0
195 : #168ab1 : +10
205 : #1670b1 : +20
215 : #1657b1 : +30
225 : #163db1 : +40
235 : #1623b1 : +50
245 : #2316b1 : +60
255 : #3d16b1 : +70
265 : #5716b1 : +80
275 : #7016b1 : +90
285 : #8a16b1 : +100
295 : #a416b1 : +110
305 : #b116a4 : +120
315 : #b1168a : +130
325 : #b11670 : +140
335 : #b11657 : +150
345 : #b1163d : +160
355 : #b11623 : +170
175 : #16b1a4 : -10
176 : #16b1a7 : -9
177 : #16b1a9 : -8
178 : #16b1ac : -7
179 : #16b1ae : -6
180 : #16b1b1 : -5
181 : #16aeb1 : -4
182 : #16acb1 : -3
183 : #16a9b1 : -2
184 : #16a7b1 : -1
185 : #16a4b1 : ±0
186 : #16a2b1 : +1
187 : #169fb1 : +2
188 : #169cb1 : +3
189 : #169ab1 : +4
190 : #1697b1 : +5
191 : #1695b1 : +6
192 : #1692b1 : +7
193 : #168fb1 : +8
194 : #168db1 : +9
195 : #168ab1 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -78
2 : #616565 : -76
4 : #5f6767 : -74
6 : #5d6869 : -72
8 : #5b6a6b : -70
10 : #5a6c6d : -68
12 : #586d6f : -66
14 : #566f71 : -64
16 : #547173 : -62
18 : #527275 : -60
20 : #507477 : -58
22 : #4e7679 : -56
24 : #4c777b : -54
26 : #4a797d : -52
28 : #487b7f : -50
30 : #467c81 : -48
32 : #447e83 : -46
34 : #428085 : -44
36 : #408187 : -42
38 : #3e8389 : -40
40 : #3c858b : -38
42 : #3a868d : -36
44 : #38888f : -34
46 : #368a91 : -32
48 : #348b93 : -30
50 : #328d95 : -28
52 : #308f97 : -26
54 : #2e9099 : -24
56 : #2c929b : -22
58 : #2a949d : -20
60 : #28959f : -18
62 : #2697a1 : -16
64 : #2498a3 : -14
66 : #229aa5 : -12
68 : #209ca7 : -10
70 : #1e9da9 : -8
72 : #1c9fab : -6
74 : #1aa1ad : -4
76 : #18a2af : -2
78 : #16a4b1 : ±0
80 : #14a6b3 : +2
82 : #12a7b5 : +4
84 : #10a9b7 : +6
86 : #0eabb9 : +8
88 : #0cacbb : +10
90 : #0aaebd : +12
92 : #08b0bf : +14
94 : #06b1c1 : +16
96 : #04b3c3 : +18
98 : #02b5c5 : +20
100 : #00b6c7 : +22
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010405 : -38
3 : #020d0e : -36
5 : #031517 : -34
7 : #041d20 : -32
9 : #052629 : -30
11 : #062e32 : -28
13 : #07373b : -26
15 : #083f44 : -24
17 : #0a484d : -22
19 : #0b5056 : -20
21 : #0c585f : -18
23 : #0d6168 : -16
25 : #0e6971 : -14
27 : #0f727b : -12
29 : #107a84 : -10
31 : #11828d : -8
33 : #138b96 : -6
35 : #14939f : -4
37 : #159ca8 : -2
39 : #16a4b1 : ±0
41 : #17adba : +2
43 : #18b5c3 : +4
45 : #19bdcc : +6
47 : #1ac6d5 : +8
49 : #1bcede : +10
51 : #21d3e4 : +12
53 : #2ad5e5 : +14
55 : #33d7e6 : +16
57 : #3cd9e7 : +18
59 : #45dae8 : +20
61 : #4edce9 : +22
63 : #57deea : +24
65 : #60e0eb : +26
67 : #69e2ec : +28
69 : #72e3ee : +30
71 : #7be5ef : +32
73 : #84e7f0 : +34
75 : #8ee9f1 : +36
77 : #97eaf2 : +38
79 : #a0ecf3 : +40
81 : #a9eef4 : +42
83 : #b2f0f5 : +44
85 : #bbf2f7 : +46
87 : #c4f3f8 : +48
89 : #cdf5f9 : +50
91 : #d6f7fa : +52
93 : #dff9fb : +54
95 : #e8fbfc : +56
97 : #f1fcfd : +58
99 : #fafefe : +60
CSS入門、作ってます。
text-shadow