#00704d
RGB
赤 | 0 |
---|---|
緑 | 112 |
青 | 77 |
HSL
色相 | 161° |
---|---|
彩度 | 100% |
明度 | 22% |
輝度 | 29% |
3桁の色
補色
反転色
RGB ( 赤 = 0, 緑 = 112, 青 = 77 )
HSL ( 色相 = 161°, 彩度 = 100%, 明度 = 22% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #700200 : -160
11 : #701500 : -150
21 : #702700 : -140
31 : #703a00 : -130
41 : #704d00 : -120
51 : #705f00 : -110
61 : #6e7000 : -100
71 : #5c7000 : -90
81 : #497000 : -80
91 : #367000 : -70
101 : #247000 : -60
111 : #117000 : -50
121 : #007002 : -40
131 : #007015 : -30
141 : #007027 : -20
151 : #00703a : -10
161 : #00704d : ±0
171 : #00705f : +10
181 : #006e70 : +20
191 : #005c70 : +30
201 : #004970 : +40
211 : #003670 : +50
221 : #002470 : +60
231 : #001170 : +70
241 : #020070 : +80
251 : #150070 : +90
261 : #270070 : +100
271 : #3a0070 : +110
281 : #4d0070 : +120
291 : #5f0070 : +130
301 : #70006e : +140
311 : #70005c : +150
321 : #700049 : +160
331 : #700036 : +170
341 : #700024 : +180
351 : #700011 : +190
151 : #00703a : -10
152 : #00703c : -9
153 : #00703e : -8
154 : #007040 : -7
155 : #007041 : -6
156 : #007043 : -5
157 : #007045 : -4
158 : #007047 : -3
159 : #007049 : -2
160 : #00704b : -1
161 : #00704d : ±0
162 : #00704f : +1
163 : #007050 : +2
164 : #007052 : +3
165 : #007054 : +4
166 : #007056 : +5
167 : #007058 : +6
168 : #00705a : +7
169 : #00705c : +8
170 : #00705e : +9
171 : #00705f : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -100
2 : #373939 : -98
4 : #363a39 : -96
6 : #353b39 : -94
8 : #343d3a : -92
10 : #323e3a : -90
12 : #313f3b : -88
14 : #30403b : -86
16 : #2f413b : -84
18 : #2e423c : -82
20 : #2d433c : -80
22 : #2c443d : -78
24 : #2b463d : -76
26 : #2a473d : -74
28 : #28483e : -72
30 : #27493e : -70
32 : #264a3f : -68
34 : #254b3f : -66
36 : #244c40 : -64
38 : #234d40 : -62
40 : #224f40 : -60
42 : #215041 : -58
44 : #1f5141 : -56
46 : #1e5242 : -54
48 : #1d5342 : -52
50 : #1c5442 : -50
52 : #1b5543 : -48
54 : #1a5643 : -46
56 : #195844 : -44
58 : #185944 : -42
60 : #165a44 : -40
62 : #155b45 : -38
64 : #145c45 : -36
66 : #135d46 : -34
68 : #125e46 : -32
70 : #115f46 : -30
72 : #106047 : -28
74 : #0f6247 : -26
76 : #0d6348 : -24
78 : #0c6448 : -22
80 : #0b6549 : -20
82 : #0a6649 : -18
84 : #096749 : -16
86 : #08684a : -14
88 : #07694a : -12
90 : #066b4b : -10
92 : #046c4b : -8
94 : #036d4b : -6
96 : #026e4c : -4
98 : #016f4c : -2
100 : #00704d : ±0
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #000a07 : -20
4 : #00140e : -18
6 : #001f15 : -16
8 : #00291c : -14
10 : #003323 : -12
12 : #003d2a : -10
14 : #004731 : -8
16 : #005238 : -6
18 : #005c3f : -4
20 : #006646 : -2
22 : #00704d : ±0
24 : #007a54 : +2
26 : #00855b : +4
28 : #008f62 : +6
30 : #009969 : +8
32 : #00a370 : +10
34 : #00ad76 : +12
36 : #00b87d : +14
38 : #00c284 : +16
40 : #00cc8b : +18
42 : #00d692 : +20
44 : #00e099 : +22
46 : #00eba0 : +24
48 : #00f5a7 : +26
50 : #00ffae : +28
52 : #0affb1 : +30
54 : #14ffb5 : +32
56 : #1fffb8 : +34
58 : #29ffbb : +36
60 : #33ffbe : +38
62 : #3dffc2 : +40
64 : #47ffc5 : +42
66 : #52ffc8 : +44
68 : #5cffcb : +46
70 : #66ffcf : +48
72 : #70ffd2 : +50
74 : #7affd5 : +52
76 : #85ffd8 : +54
78 : #8fffdb : +56
80 : #99ffdf : +58
82 : #a3ffe2 : +60
84 : #adffe5 : +62
86 : #b8ffe8 : +64
88 : #c2ffec : +66
90 : #ccffef : +68
92 : #d6fff2 : +70
94 : #e0fff5 : +72
96 : #ebfff9 : +74
98 : #f5fffc : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow