#228148
RGB
赤 | 34 |
---|---|
緑 | 129 |
青 | 72 |
HSL
色相 | 144° |
---|---|
彩度 | 58% |
明度 | 32% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 34, 緑 = 129, 青 = 72 )
HSL ( 色相 = 144°, 彩度 = 58%, 明度 = 32% )
H : 色相 ( 144° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #812922 : -140
14 : #813822 : -130
24 : #814822 : -120
34 : #815822 : -110
44 : #816822 : -100
54 : #817722 : -90
64 : #7b8122 : -80
74 : #6b8122 : -70
84 : #5b8122 : -60
94 : #4b8122 : -50
104 : #3c8122 : -40
114 : #2c8122 : -30
124 : #228129 : -20
134 : #228138 : -10
144 : #228148 : ±0
154 : #228158 : +10
164 : #228168 : +20
174 : #228177 : +30
184 : #227b81 : +40
194 : #226b81 : +50
204 : #225b81 : +60
214 : #224b81 : +70
224 : #223c81 : +80
234 : #222c81 : +90
244 : #292281 : +100
254 : #382281 : +110
264 : #482281 : +120
274 : #582281 : +130
284 : #682281 : +140
294 : #772281 : +150
304 : #81227b : +160
314 : #81226b : +170
324 : #81225b : +180
334 : #81224b : +190
344 : #81223c : +200
354 : #81222c : +210
134 : #228138 : -10
135 : #22813a : -9
136 : #22813c : -8
137 : #22813d : -7
138 : #22813f : -6
139 : #228140 : -5
140 : #228142 : -4
141 : #228143 : -3
142 : #228145 : -2
143 : #228147 : -1
144 : #228148 : ±0
145 : #22814a : +1
146 : #22814b : +2
147 : #22814d : +3
148 : #22814e : +4
149 : #228150 : +5
150 : #228152 : +6
151 : #228153 : +7
152 : #228155 : +8
153 : #228156 : +9
154 : #228158 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -58
2 : #505351 : -56
4 : #4e5551 : -54
6 : #4d5651 : -52
8 : #4b5850 : -50
10 : #495a50 : -48
12 : #485b50 : -46
14 : #465d4f : -44
16 : #455f4f : -42
18 : #43604f : -40
20 : #41624e : -38
22 : #40644e : -36
24 : #3e654e : -34
26 : #3c674d : -32
28 : #3b684d : -30
30 : #396a4d : -28
32 : #376c4c : -26
34 : #366d4c : -24
36 : #346f4c : -22
38 : #33714b : -20
40 : #31724b : -18
42 : #2f744b : -16
44 : #2e764a : -14
46 : #2c774a : -12
48 : #2a794a : -10
50 : #297a49 : -8
52 : #277c49 : -6
54 : #267e49 : -4
56 : #247f48 : -2
58 : #228148 : ±0
60 : #218348 : +2
62 : #1f8447 : +4
64 : #1d8647 : +6
66 : #1c8747 : +8
68 : #1a8947 : +10
70 : #188b46 : +12
72 : #178c46 : +14
74 : #158e46 : +16
76 : #149045 : +18
78 : #129145 : +20
80 : #109345 : +22
82 : #0f9544 : +24
84 : #0d9644 : +26
86 : #0b9844 : +28
88 : #0a9943 : +30
90 : #089b43 : +32
92 : #079d43 : +34
94 : #059e42 : +36
96 : #03a042 : +38
98 : #02a242 : +40
100 : #00a341 : +42
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #020805 : -30
4 : #041009 : -28
6 : #06180e : -26
8 : #092012 : -24
10 : #0b2817 : -22
12 : #0d301b : -20
14 : #0f3820 : -18
16 : #114024 : -16
18 : #134929 : -14
20 : #15512d : -12
22 : #185932 : -10
24 : #1a6136 : -8
26 : #1c693b : -6
28 : #1e713f : -4
30 : #207944 : -2
32 : #228148 : ±0
34 : #24894d : +2
36 : #279151 : +4
38 : #299956 : +6
40 : #2ba15a : +8
42 : #2da95f : +10
44 : #2fb163 : +12
46 : #31b968 : +14
48 : #33c16c : +16
50 : #36c971 : +18
52 : #3ecc76 : +20
54 : #46ce7c : +22
56 : #4ed082 : +24
58 : #56d287 : +26
60 : #5ed48d : +28
62 : #66d693 : +30
64 : #6ed899 : +32
66 : #76db9e : +34
68 : #7edda4 : +36
70 : #86dfaa : +38
72 : #8ee1af : +40
74 : #96e3b5 : +42
76 : #9ee5bb : +44
78 : #a6e7c0 : +46
80 : #aeeac6 : +48
82 : #b6eccc : +50
84 : #bfeed1 : +52
86 : #c7f0d7 : +54
88 : #cff2dd : +56
90 : #d7f4e3 : +58
92 : #dff6e8 : +60
94 : #e7f9ee : +62
96 : #effbf4 : +64
98 : #f7fdf9 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow