#117a73
RGB
| 赤 | 17 |
|---|---|
| 緑 | 122 |
| 青 | 115 |
HSL
| 色相 | 176° |
|---|---|
| 彩度 | 76% |
| 明度 | 27% |
| 輝度 | 35% |
３桁の色
補色
反転色
RGB ( 赤 = 17, 緑 = 122, 青 = 115 )
HSL ( 色相 = 176°, 彩度 = 76%, 明度 = 27% )
H : 色相 ( 176° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #791b11 : -170
16 : #792c11 : -160
26 : #793e11 : -150
36 : #794f11 : -140
46 : #796111 : -130
56 : #797211 : -120
66 : #6f7911 : -110
76 : #5d7911 : -100
86 : #4c7911 : -90
96 : #3a7911 : -80
106 : #297911 : -70
116 : #187911 : -60
126 : #11791b : -50
136 : #11792c : -40
146 : #11793e : -30
156 : #11794f : -20
166 : #117961 : -10
176 : #117972 : ±0
186 : #116f79 : +10
196 : #115d79 : +20
206 : #114c79 : +30
216 : #113a79 : +40
226 : #112979 : +50
236 : #111879 : +60
246 : #1b1179 : +70
256 : #2c1179 : +80
266 : #3e1179 : +90
276 : #4f1179 : +100
286 : #611179 : +110
296 : #721179 : +120
306 : #79116f : +130
316 : #79115d : +140
326 : #79114c : +150
336 : #79113a : +160
346 : #791129 : +170
356 : #791118 : +180
166 : #117961 : -10
167 : #117963 : -9
168 : #117964 : -8
169 : #117966 : -7
170 : #117968 : -6
171 : #117969 : -5
172 : #11796b : -4
173 : #11796d : -3
174 : #11796f : -2
175 : #117970 : -1
176 : #117972 : ±0
177 : #117974 : +1
178 : #117976 : +2
179 : #117977 : +3
180 : #117979 : +4
181 : #117779 : +5
182 : #117679 : +6
183 : #117479 : +7
184 : #117279 : +8
185 : #117079 : +9
186 : #116f79 : +10
S : 彩度 ( 76% )
(0%) 渋い ～ 鮮やか (100%)
0 : #444444 : -76
2 : #434646 : -74
4 : #424847 : -72
6 : #414948 : -70
8 : #3f4a4a : -68
10 : #3e4c4b : -66
12 : #3d4d4c : -64
14 : #3b4e4d : -62
16 : #3a504e : -60
18 : #385150 : -58
20 : #375351 : -56
22 : #365452 : -54
24 : #345553 : -52
26 : #335754 : -50
28 : #325856 : -48
30 : #305a57 : -46
32 : #2f5b58 : -44
34 : #2d5c59 : -42
36 : #2c5e5a : -40
38 : #2b5f5c : -38
40 : #29605d : -36
42 : #28625e : -34
44 : #27635f : -32
46 : #256560 : -30
48 : #246661 : -28
50 : #226763 : -26
52 : #216964 : -24
54 : #206a65 : -22
56 : #1e6b66 : -20
58 : #1d6d67 : -18
60 : #1c6e69 : -16
62 : #1a706a : -14
64 : #19716b : -12
66 : #17726c : -10
68 : #16746d : -8
70 : #15756f : -6
72 : #137670 : -4
74 : #127871 : -2
76 : #117972 : ±0
78 : #0f7b73 : +2
80 : #0e7c75 : +4
82 : #0c7d76 : +6
84 : #0b7f77 : +8
86 : #0a8078 : +10
88 : #088179 : +12
90 : #07837b : +14
92 : #06847c : +16
94 : #04867d : +18
96 : #03877e : +20
98 : #01887f : +22
100 : #008a81 : +24
L : 明度 ( 27% )
(0%) 暗い ～ 明るい (100%)
1 : #010404 : -26
3 : #020d0d : -24
5 : #031615 : -22
7 : #041f1e : -20
9 : #062826 : -18
11 : #07312f : -16
13 : #083a37 : -14
15 : #09433f : -12
17 : #0a4c48 : -10
19 : #0c5550 : -8
21 : #0d5e59 : -6
23 : #0e6761 : -4
25 : #0f706a : -2
27 : #117972 : ±0
29 : #12827b : +2
31 : #138b83 : +4
33 : #14948c : +6
35 : #159d94 : +8
37 : #17a69c : +10
39 : #18afa5 : +12
41 : #19b8ad : +14
43 : #1ac1b6 : +16
45 : #1ccabe : +18
47 : #1dd3c7 : +20
49 : #1edccf : +22
51 : #23e1d4 : +24
53 : #2ce2d6 : +26
55 : #35e3d8 : +28
57 : #3ee5da : +30
59 : #47e6db : +32
61 : #50e7dd : +34
63 : #59e8df : +36
65 : #62eae1 : +38
67 : #6bebe2 : +40
69 : #74ece4 : +42
71 : #7dede6 : +44
73 : #86eee7 : +46
75 : #8ff0e9 : +48
77 : #98f1eb : +50
79 : #a1f2ed : +52
81 : #aaf3ee : +54
83 : #b3f5f0 : +56
85 : #bcf6f2 : +58
87 : #c5f7f4 : +60
89 : #cef8f5 : +62
91 : #d7f9f7 : +64
93 : #e0fbf9 : +66
95 : #e9fcfb : +68
97 : #f2fdfc : +70
99 : #fbfefe : +72
CSS入門、作ってます。
text-shadow