#048c44
RGB
赤 | 4 |
---|---|
緑 | 140 |
青 | 68 |
HSL
色相 | 148° |
---|---|
彩度 | 94% |
明度 | 28% |
輝度 | 36% |
3桁の色
補色
反転色
RGB ( 赤 = 4, 緑 = 140, 青 = 68 )
HSL ( 色相 = 148°, 彩度 = 94%, 明度 = 28% )
H : 色相 ( 148° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #8b1604 : -140
18 : #8b2d04 : -130
28 : #8b4304 : -120
38 : #8b5904 : -110
48 : #8b7004 : -100
58 : #8b8604 : -90
68 : #798b04 : -80
78 : #628b04 : -70
88 : #4c8b04 : -60
98 : #368b04 : -50
108 : #1f8b04 : -40
118 : #098b04 : -30
128 : #048b16 : -20
138 : #048b2d : -10
148 : #048b43 : ±0
158 : #048b59 : +10
168 : #048b70 : +20
178 : #048b86 : +30
188 : #04798b : +40
198 : #04628b : +50
208 : #044c8b : +60
218 : #04368b : +70
228 : #041f8b : +80
238 : #04098b : +90
248 : #16048b : +100
258 : #2d048b : +110
268 : #43048b : +120
278 : #59048b : +130
288 : #70048b : +140
298 : #86048b : +150
308 : #8b0479 : +160
318 : #8b0462 : +170
328 : #8b044c : +180
338 : #8b0436 : +190
348 : #8b041f : +200
358 : #8b0409 : +210
138 : #048b2d : -10
139 : #048b2f : -9
140 : #048b31 : -8
141 : #048b33 : -7
142 : #048b36 : -6
143 : #048b38 : -5
144 : #048b3a : -4
145 : #048b3c : -3
146 : #048b3e : -2
147 : #048b41 : -1
148 : #048b43 : ±0
149 : #048b45 : +1
150 : #048b47 : +2
151 : #048b4a : +3
152 : #048b4c : +4
153 : #048b4e : +5
154 : #048b50 : +6
155 : #048b53 : +7
156 : #048b55 : +8
157 : #048b57 : +9
158 : #048b59 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -94
2 : #464947 : -92
4 : #454a47 : -90
6 : #434c47 : -88
8 : #424d47 : -86
10 : #404f47 : -84
12 : #3f5047 : -82
14 : #3d5147 : -80
16 : #3c5347 : -78
18 : #3b5447 : -76
20 : #395646 : -74
22 : #385746 : -72
24 : #365946 : -70
26 : #355a46 : -68
28 : #335b46 : -66
30 : #325d46 : -64
32 : #315e46 : -62
34 : #2f6046 : -60
36 : #2e6146 : -58
38 : #2c6346 : -56
40 : #2b6445 : -54
42 : #296545 : -52
44 : #286745 : -50
46 : #276845 : -48
48 : #256a45 : -46
50 : #246b45 : -44
52 : #226d45 : -42
54 : #216e45 : -40
56 : #1f6f45 : -38
58 : #1e7145 : -36
60 : #1d7245 : -34
62 : #1b7444 : -32
64 : #1a7544 : -30
66 : #187744 : -28
68 : #177844 : -26
70 : #157944 : -24
72 : #147b44 : -22
74 : #137c44 : -20
76 : #117e44 : -18
78 : #107f44 : -16
80 : #0e8144 : -14
82 : #0d8243 : -12
84 : #0b8343 : -10
86 : #0a8543 : -8
88 : #098643 : -6
90 : #078843 : -4
92 : #068943 : -2
94 : #048b43 : ±0
96 : #038c43 : +2
98 : #018d43 : +4
100 : #008f43 : +6
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #000a05 : -26
4 : #01140a : -24
6 : #011e0e : -22
8 : #012813 : -20
10 : #023118 : -18
12 : #023b1d : -16
14 : #024521 : -14
16 : #024f26 : -12
18 : #03592b : -10
20 : #036330 : -8
22 : #036d35 : -6
24 : #047739 : -4
26 : #04813e : -2
28 : #048b43 : ±0
30 : #059448 : +2
32 : #059e4c : +4
34 : #05a851 : +6
36 : #06b256 : +8
38 : #06bc5b : +10
40 : #06c660 : +12
42 : #06d064 : +14
44 : #07da69 : +16
46 : #07e46e : +18
48 : #07ed73 : +20
50 : #08f778 : +22
52 : #12f87d : +24
54 : #1bf882 : +26
56 : #25f888 : +28
58 : #2ff98d : +30
60 : #39f993 : +32
62 : #43f998 : +34
64 : #4df99d : +36
66 : #57faa3 : +38
68 : #61faa8 : +40
70 : #6bfaae : +42
72 : #74fbb3 : +44
74 : #7efbb9 : +46
76 : #88fbbe : +48
78 : #92fcc3 : +50
80 : #9cfcc9 : +52
82 : #a6fcce : +54
84 : #b0fdd4 : +56
86 : #bafdd9 : +58
88 : #c4fdde : +60
90 : #cefde4 : +62
92 : #d7fee9 : +64
94 : #e1feef : +66
96 : #ebfef4 : +68
98 : #f5fffa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow