#184936
RGB
赤 | 24 |
---|---|
緑 | 73 |
青 | 54 |
HSL
色相 | 157° |
---|---|
彩度 | 51% |
明度 | 19% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 24, 緑 = 73, 青 = 54 )
HSL ( 色相 = 157°, 彩度 = 51%, 明度 = 19% )
H : 色相 ( 157° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #491e18 : -150
17 : #492618 : -140
27 : #492e18 : -130
37 : #493618 : -120
47 : #493e18 : -110
57 : #494718 : -100
67 : #434918 : -90
77 : #3b4918 : -80
87 : #334918 : -70
97 : #2b4918 : -60
107 : #224918 : -50
117 : #1a4918 : -40
127 : #18491e : -30
137 : #184926 : -20
147 : #18492e : -10
157 : #184936 : ±0
167 : #18493e : +10
177 : #184947 : +20
187 : #184349 : +30
197 : #183b49 : +40
207 : #183349 : +50
217 : #182b49 : +60
227 : #182249 : +70
237 : #181a49 : +80
247 : #1e1849 : +90
257 : #261849 : +100
267 : #2e1849 : +110
277 : #361849 : +120
287 : #3e1849 : +130
297 : #471849 : +140
307 : #491843 : +150
317 : #49183b : +160
327 : #491833 : +170
337 : #49182b : +180
347 : #491822 : +190
357 : #49181a : +200
147 : #18492e : -10
148 : #18492f : -9
149 : #184930 : -8
150 : #184930 : -7
151 : #184931 : -6
152 : #184932 : -5
153 : #184933 : -4
154 : #184934 : -3
155 : #184935 : -2
156 : #184935 : -1
157 : #184936 : ±0
158 : #184937 : +1
159 : #184938 : +2
160 : #184939 : +3
161 : #18493a : +4
162 : #18493a : +5
163 : #18493b : +6
164 : #18493c : +7
165 : #18493d : +8
166 : #18493e : +9
167 : #18493e : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303131 : -50
3 : #2f3231 : -48
5 : #2e3331 : -46
7 : #2d3431 : -44
9 : #2c3531 : -42
11 : #2b3632 : -40
13 : #2a3732 : -38
15 : #293832 : -36
17 : #283932 : -34
19 : #273a33 : -32
21 : #263b33 : -30
23 : #253c33 : -28
25 : #243d33 : -26
27 : #233e34 : -24
29 : #223f34 : -22
31 : #213f34 : -20
33 : #204034 : -18
35 : #1f4134 : -16
37 : #1f4235 : -14
39 : #1e4335 : -12
41 : #1d4435 : -10
43 : #1c4535 : -8
45 : #1b4636 : -6
47 : #1a4736 : -4
49 : #194836 : -2
51 : #184936 : ±0
53 : #174a36 : +2
55 : #164b37 : +4
57 : #154c37 : +6
59 : #144d37 : +8
61 : #134e37 : +10
63 : #124f38 : +12
65 : #115038 : +14
67 : #105138 : +16
69 : #0f5238 : +18
71 : #0e5338 : +20
73 : #0d5439 : +22
75 : #0c5539 : +24
77 : #0b5639 : +26
79 : #0a5739 : +28
81 : #09583a : +30
83 : #08593a : +32
85 : #075a3a : +34
87 : #065b3a : +36
89 : #055c3b : +38
91 : #045d3b : +40
93 : #035e3b : +42
95 : #025e3b : +44
97 : #015f3b : +46
99 : #00603c : +48
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -18
3 : #040c09 : -16
5 : #06130e : -14
7 : #091b14 : -12
9 : #0b231a : -10
11 : #0e2a1f : -8
13 : #103225 : -6
15 : #133a2b : -4
17 : #154131 : -2
19 : #184936 : ±0
21 : #1a513c : +2
23 : #1d5942 : +4
25 : #1f6047 : +6
27 : #22684d : +8
29 : #247053 : +10
31 : #277758 : +12
33 : #297f5e : +14
35 : #2c8764 : +16
37 : #2e8e6a : +18
39 : #31966f : +20
41 : #339e75 : +22
43 : #36a67b : +24
45 : #38ad80 : +26
47 : #3bb586 : +28
49 : #3dbd8c : +30
51 : #42c291 : +32
53 : #4ac495 : +34
55 : #52c79a : +36
57 : #59c99e : +38
59 : #61cca3 : +40
61 : #69cea7 : +42
63 : #71d1ac : +44
65 : #78d3b0 : +46
67 : #80d6b5 : +48
69 : #88d8b9 : +50
71 : #8fdbbe : +52
73 : #97ddc2 : +54
75 : #9fe0c7 : +56
77 : #a6e2cb : +58
79 : #aee5d0 : +60
81 : #b6e7d4 : +62
83 : #beead9 : +64
85 : #c5ecdd : +66
87 : #cdefe2 : +68
89 : #d5f1e6 : +70
91 : #dcf4eb : +72
93 : #e4f6ef : +74
95 : #ecf9f4 : +76
97 : #f3fbf8 : +78
99 : #fbfefd : +80
CSS入門、作ってます。
text-shadow