#184935
RGB
赤 | 24 |
---|---|
緑 | 73 |
青 | 53 |
HSL
色相 | 156° |
---|---|
彩度 | 51% |
明度 | 19% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 24, 緑 = 73, 青 = 53 )
HSL ( 色相 = 156°, 彩度 = 51%, 明度 = 19% )
H : 色相 ( 156° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #491d18 : -150
16 : #492518 : -140
26 : #492d18 : -130
36 : #493518 : -120
46 : #493e18 : -110
56 : #494618 : -100
66 : #444918 : -90
76 : #3c4918 : -80
86 : #344918 : -70
96 : #2c4918 : -60
106 : #234918 : -50
116 : #1b4918 : -40
126 : #18491d : -30
136 : #184925 : -20
146 : #18492d : -10
156 : #184935 : ±0
166 : #18493e : +10
176 : #184946 : +20
186 : #184449 : +30
196 : #183c49 : +40
206 : #183449 : +50
216 : #182c49 : +60
226 : #182349 : +70
236 : #181b49 : +80
246 : #1d1849 : +90
256 : #251849 : +100
266 : #2d1849 : +110
276 : #351849 : +120
286 : #3e1849 : +130
296 : #461849 : +140
306 : #491844 : +150
316 : #49183c : +160
326 : #491834 : +170
336 : #49182c : +180
346 : #491823 : +190
356 : #49181b : +200
146 : #18492d : -10
147 : #18492e : -9
148 : #18492f : -8
149 : #184930 : -7
150 : #184930 : -6
151 : #184931 : -5
152 : #184932 : -4
153 : #184933 : -3
154 : #184934 : -2
155 : #184935 : -1
156 : #184935 : ±0
157 : #184936 : +1
158 : #184937 : +2
159 : #184938 : +3
160 : #184939 : +4
161 : #18493a : +5
162 : #18493a : +6
163 : #18493b : +7
164 : #18493c : +8
165 : #18493d : +9
166 : #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 : #273a32 : -32
21 : #263b32 : -30
23 : #253c33 : -28
25 : #243d33 : -26
27 : #233e33 : -24
29 : #223f33 : -22
31 : #213f33 : -20
33 : #204034 : -18
35 : #1f4134 : -16
37 : #1f4234 : -14
39 : #1e4334 : -12
41 : #1d4434 : -10
43 : #1c4535 : -8
45 : #1b4635 : -6
47 : #1a4735 : -4
49 : #194835 : -2
51 : #184935 : ±0
53 : #174a36 : +2
55 : #164b36 : +4
57 : #154c36 : +6
59 : #144d36 : +8
61 : #134e36 : +10
63 : #124f37 : +12
65 : #115037 : +14
67 : #105137 : +16
69 : #0f5237 : +18
71 : #0e5337 : +20
73 : #0d5438 : +22
75 : #0c5538 : +24
77 : #0b5638 : +26
79 : #0a5738 : +28
81 : #095838 : +30
83 : #085938 : +32
85 : #075a39 : +34
87 : #065b39 : +36
89 : #055c39 : +38
91 : #045d39 : +40
93 : #035e39 : +42
95 : #025e3a : +44
97 : #015f3a : +46
99 : #00603a : +48
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -18
3 : #040c08 : -16
5 : #06130e : -14
7 : #091b14 : -12
9 : #0b2319 : -10
11 : #0e2a1f : -8
13 : #103225 : -6
15 : #133a2a : -4
17 : #154130 : -2
19 : #184935 : ±0
21 : #1a513b : +2
23 : #1d5941 : +4
25 : #1f6046 : +6
27 : #22684c : +8
29 : #247051 : +10
31 : #277757 : +12
33 : #297f5d : +14
35 : #2c8762 : +16
37 : #2e8e68 : +18
39 : #31966e : +20
41 : #339e73 : +22
43 : #36a679 : +24
45 : #38ad7e : +26
47 : #3bb584 : +28
49 : #3dbd8a : +30
51 : #42c28f : +32
53 : #4ac493 : +34
55 : #52c798 : +36
57 : #59c99d : +38
59 : #61cca1 : +40
61 : #69cea6 : +42
63 : #71d1aa : +44
65 : #78d3af : +46
67 : #80d6b3 : +48
69 : #88d8b8 : +50
71 : #8fdbbd : +52
73 : #97ddc1 : +54
75 : #9fe0c6 : +56
77 : #a6e2ca : +58
79 : #aee5cf : +60
81 : #b6e7d3 : +62
83 : #beead8 : +64
85 : #c5ecdd : +66
87 : #cdefe1 : +68
89 : #d5f1e6 : +70
91 : #dcf4ea : +72
93 : #e4f6ef : +74
95 : #ecf9f4 : +76
97 : #f3fbf8 : +78
99 : #fbfefd : +80
CSS入門、作ってます。
text-shadow