#016f43
RGB
赤 | 1 |
---|---|
緑 | 111 |
青 | 67 |
HSL
色相 | 156° |
---|---|
彩度 | 98% |
明度 | 22% |
輝度 | 29% |
3桁の色
補色
反転色
RGB ( 赤 = 1, 緑 = 111, 青 = 67 )
HSL ( 色相 = 156°, 彩度 = 98%, 明度 = 22% )
H : 色相 ( 156° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6f0c01 : -150
16 : #6f1e01 : -140
26 : #6f3101 : -130
36 : #6f4301 : -120
46 : #6f5501 : -110
56 : #6f6801 : -100
66 : #646f01 : -90
76 : #526f01 : -80
86 : #3f6f01 : -70
96 : #2d6f01 : -60
106 : #1b6f01 : -50
116 : #086f01 : -40
126 : #016f0c : -30
136 : #016f1e : -20
146 : #016f31 : -10
156 : #016f43 : ±0
166 : #016f55 : +10
176 : #016f68 : +20
186 : #01646f : +30
196 : #01526f : +40
206 : #013f6f : +50
216 : #012d6f : +60
226 : #011b6f : +70
236 : #01086f : +80
246 : #0c016f : +90
256 : #1e016f : +100
266 : #31016f : +110
276 : #43016f : +120
286 : #55016f : +130
296 : #68016f : +140
306 : #6f0164 : +150
316 : #6f0152 : +160
326 : #6f013f : +170
336 : #6f012d : +180
346 : #6f011b : +190
356 : #6f0108 : +200
146 : #016f31 : -10
147 : #016f33 : -9
148 : #016f34 : -8
149 : #016f36 : -7
150 : #016f38 : -6
151 : #016f3a : -5
152 : #016f3c : -4
153 : #016f3e : -3
154 : #016f3f : -2
155 : #016f41 : -1
156 : #016f43 : ±0
157 : #016f45 : +1
158 : #016f47 : +2
159 : #016f49 : +3
160 : #016f4a : +4
161 : #016f4c : +5
162 : #016f4e : +6
163 : #016f50 : +7
164 : #016f52 : +8
165 : #016f54 : +9
166 : #016f55 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -98
2 : #373938 : -96
4 : #363a39 : -94
6 : #353b39 : -92
8 : #343d39 : -90
10 : #323e39 : -88
12 : #313f39 : -86
14 : #30403a : -84
16 : #2f413a : -82
18 : #2e423a : -80
20 : #2d433a : -78
22 : #2c443b : -76
24 : #2b463b : -74
26 : #2a473b : -72
28 : #28483b : -70
30 : #27493b : -68
32 : #264a3c : -66
34 : #254b3c : -64
36 : #244c3c : -62
38 : #234d3c : -60
40 : #224f3d : -58
42 : #21503d : -56
44 : #1f513d : -54
46 : #1e523d : -52
48 : #1d533d : -50
50 : #1c543e : -48
52 : #1b553e : -46
54 : #1a563e : -44
56 : #19583e : -42
58 : #18593f : -40
60 : #165a3f : -38
62 : #155b3f : -36
64 : #145c3f : -34
66 : #135d40 : -32
68 : #125e40 : -30
70 : #115f40 : -28
72 : #106040 : -26
74 : #0f6240 : -24
76 : #0d6341 : -22
78 : #0c6441 : -20
80 : #0b6541 : -18
82 : #0a6641 : -16
84 : #096742 : -14
86 : #086842 : -12
88 : #076942 : -10
90 : #066b42 : -8
92 : #046c42 : -6
94 : #036d43 : -4
96 : #026e43 : -2
98 : #016f43 : ±0
100 : #007043 : +2
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #000a06 : -20
4 : #00140c : -18
6 : #001e12 : -16
8 : #002818 : -14
10 : #01321e : -12
12 : #013d25 : -10
14 : #01472b : -8
16 : #015131 : -6
18 : #015b37 : -4
20 : #01653d : -2
22 : #016f43 : ±0
24 : #017949 : +2
26 : #01834f : +4
28 : #018d55 : +6
30 : #02975b : +8
32 : #02a262 : +10
34 : #02ac68 : +12
36 : #02b66e : +14
38 : #02c074 : +16
40 : #02ca7a : +18
42 : #02d480 : +20
44 : #02de86 : +22
46 : #02e88c : +24
48 : #02f292 : +26
50 : #03fc98 : +28
52 : #0dfd9d : +30
54 : #17fda1 : +32
56 : #21fda5 : +34
58 : #2bfda9 : +36
60 : #35fdad : +38
62 : #3ffdb1 : +40
64 : #49fdb5 : +42
66 : #53fdb9 : +44
68 : #5dfdbd : +46
70 : #68fdc1 : +48
72 : #72fec6 : +50
74 : #7cfeca : +52
76 : #86fece : +54
78 : #90fed2 : +56
80 : #9afed6 : +58
82 : #a4feda : +60
84 : #aefede : +62
86 : #b8fee2 : +64
88 : #c2fee6 : +66
90 : #cdfeea : +68
92 : #d7ffef : +70
94 : #e1fff3 : +72
96 : #ebfff7 : +74
98 : #f5fffb : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow