#049b28
RGB
赤 | 4 |
---|---|
緑 | 155 |
青 | 40 |
HSL
色相 | 134° |
---|---|
彩度 | 95% |
明度 | 31% |
輝度 | 38% |
3桁の色
補色
反転色
RGB ( 赤 = 4, 緑 = 155, 青 = 40 )
HSL ( 色相 = 134°, 彩度 = 95%, 明度 = 31% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #9a0e04 : -130
14 : #9a2704 : -120
24 : #9a4004 : -110
34 : #9a5904 : -100
44 : #9a7204 : -90
54 : #9a8b04 : -80
64 : #909a04 : -70
74 : #779a04 : -60
84 : #5e9a04 : -50
94 : #459a04 : -40
104 : #2c9a04 : -30
114 : #139a04 : -20
124 : #049a0e : -10
134 : #049a27 : ±0
144 : #049a40 : +10
154 : #049a59 : +20
164 : #049a72 : +30
174 : #049a8b : +40
184 : #04909a : +50
194 : #04779a : +60
204 : #045e9a : +70
214 : #04459a : +80
224 : #042c9a : +90
234 : #04139a : +100
244 : #0e049a : +110
254 : #27049a : +120
264 : #40049a : +130
274 : #59049a : +140
284 : #72049a : +150
294 : #8b049a : +160
304 : #9a0490 : +170
314 : #9a0477 : +180
324 : #9a045e : +190
334 : #9a0445 : +200
344 : #9a042c : +210
354 : #9a0413 : +220
124 : #049a0e : -10
125 : #049a10 : -9
126 : #049a13 : -8
127 : #049a15 : -7
128 : #049a18 : -6
129 : #049a1a : -5
130 : #049a1d : -4
131 : #049a1f : -3
132 : #049a22 : -2
133 : #049a24 : -1
134 : #049a27 : ±0
135 : #049a2a : +1
136 : #049a2c : +2
137 : #049a2f : +3
138 : #049a31 : +4
139 : #049a34 : +5
140 : #049a36 : +6
141 : #049a39 : +7
142 : #049a3b : +8
143 : #049a3e : +9
144 : #049a40 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e504f : -94
3 : #4d514e : -92
5 : #4b534d : -90
7 : #4a554c : -88
9 : #48564b : -86
11 : #46584a : -84
13 : #45594a : -82
15 : #435b49 : -80
17 : #425c48 : -78
19 : #405e47 : -76
21 : #3e6046 : -74
23 : #3d6145 : -72
25 : #3b6345 : -70
27 : #3a6444 : -68
29 : #386643 : -66
31 : #376842 : -64
33 : #356941 : -62
35 : #336b40 : -60
37 : #326c3f : -58
39 : #306e3f : -56
41 : #2f6f3e : -54
43 : #2d713d : -52
45 : #2b733c : -50
47 : #2a743b : -48
49 : #28763a : -46
51 : #27773a : -44
53 : #257939 : -42
55 : #247b38 : -40
57 : #227c37 : -38
59 : #207e36 : -36
61 : #1f7f35 : -34
63 : #1d8134 : -32
65 : #1c8234 : -30
67 : #1a8433 : -28
69 : #198632 : -26
71 : #178731 : -24
73 : #158930 : -22
75 : #148a2f : -20
77 : #128c2f : -18
79 : #118d2e : -16
81 : #0f8f2d : -14
83 : #0d912c : -12
85 : #0c922b : -10
87 : #0a942a : -8
89 : #09952a : -6
91 : #079729 : -4
93 : #069928 : -2
95 : #049a27 : ±0
97 : #029c26 : +2
99 : #019d25 : +4
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -30
3 : #000f04 : -28
5 : #011906 : -26
7 : #012309 : -24
9 : #012d0b : -22
11 : #01370e : -20
13 : #024110 : -18
15 : #024b13 : -16
17 : #025515 : -14
19 : #025e18 : -12
21 : #03681a : -10
23 : #03721d : -8
25 : #037c1f : -6
27 : #038622 : -4
29 : #049024 : -2
31 : #049a27 : ±0
33 : #04a42a : +2
35 : #04ae2c : +4
37 : #05b82f : +6
39 : #05c231 : +8
41 : #05cc34 : +10
43 : #05d636 : +12
45 : #06e039 : +14
47 : #06ea3b : +16
49 : #06f43e : +18
51 : #0bf943 : +20
53 : #15f94a : +22
55 : #1ff952 : +24
57 : #29fa5a : +26
59 : #33fa61 : +28
61 : #3dfa69 : +30
63 : #47fa71 : +32
65 : #51fb79 : +34
67 : #5bfb80 : +36
69 : #65fb88 : +38
71 : #6ffb90 : +40
73 : #79fc97 : +42
75 : #83fc9f : +44
77 : #8dfca7 : +46
79 : #97fcae : +48
81 : #a1fdb6 : +50
83 : #aafdbe : +52
85 : #b4fdc5 : +54
87 : #befdcd : +56
89 : #c8fed5 : +58
91 : #d2fedc : +60
93 : #dcfee4 : +62
95 : #e6feec : +64
97 : #f0fff3 : +66
99 : #fafffb : +68
CSS入門、作ってます。
text-shadow