#1f5c28
RGB
赤 | 31 |
---|---|
緑 | 92 |
青 | 40 |
HSL
色相 | 129° |
---|---|
彩度 | 50% |
明度 | 24% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 31, 緑 = 92, 青 = 40 )
HSL ( 色相 = 129°, 彩度 = 50%, 明度 = 24% )
H : 色相 ( 129° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5c281f : -120
19 : #5c321f : -110
29 : #5c3c1f : -100
39 : #5c461f : -90
49 : #5c511f : -80
59 : #5c5b1f : -70
69 : #535c1f : -60
79 : #485c1f : -50
89 : #3e5c1f : -40
99 : #345c1f : -30
109 : #2a5c1f : -20
119 : #205c1f : -10
129 : #1f5c28 : ±0
139 : #1f5c32 : +10
149 : #1f5c3c : +20
159 : #1f5c46 : +30
169 : #1f5c51 : +40
179 : #1f5c5b : +50
189 : #1f535c : +60
199 : #1f485c : +70
209 : #1f3e5c : +80
219 : #1f345c : +90
229 : #1f2a5c : +100
239 : #1f205c : +110
249 : #281f5c : +120
259 : #321f5c : +130
269 : #3c1f5c : +140
279 : #461f5c : +150
289 : #511f5c : +160
299 : #5b1f5c : +170
309 : #5c1f53 : +180
319 : #5c1f48 : +190
329 : #5c1f3e : +200
339 : #5c1f34 : +210
349 : #5c1f2a : +220
359 : #5c1f20 : +230
119 : #205c1f : -10
120 : #1f5c1f : -9
121 : #1f5c20 : -8
122 : #1f5c21 : -7
123 : #1f5c22 : -6
124 : #1f5c23 : -5
125 : #1f5c24 : -4
126 : #1f5c25 : -3
127 : #1f5c26 : -2
128 : #1f5c27 : -1
129 : #1f5c28 : ±0
130 : #1f5c29 : +1
131 : #1f5c2a : +2
132 : #1f5c2b : +3
133 : #1f5c2c : +4
134 : #1f5c2d : +5
135 : #1f5c2e : +6
136 : #1f5c2f : +7
137 : #1f5c30 : +8
138 : #1f5c31 : +9
139 : #1f5c32 : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -50
2 : #3c3e3c : -48
4 : #3b403b : -46
6 : #3a413b : -44
8 : #38423a : -42
10 : #374339 : -40
12 : #364538 : -38
14 : #354637 : -36
16 : #334736 : -34
18 : #324835 : -32
20 : #314935 : -30
22 : #304b34 : -28
24 : #2f4c33 : -26
26 : #2d4d32 : -24
28 : #2c4e31 : -22
30 : #2b5030 : -20
32 : #2a512f : -18
34 : #28522f : -16
36 : #27532e : -14
38 : #26542d : -12
40 : #25562c : -10
42 : #23572b : -8
44 : #22582a : -6
46 : #215929 : -4
48 : #205b29 : -2
50 : #1f5c28 : ±0
52 : #1d5d27 : +2
54 : #1c5e26 : +4
56 : #1b5f25 : +6
58 : #1a6124 : +8
60 : #186223 : +10
62 : #176323 : +12
64 : #166422 : +14
66 : #156621 : +16
68 : #146720 : +18
70 : #12681f : +20
72 : #11691e : +22
74 : #106a1d : +24
76 : #0f6c1d : +26
78 : #0d6d1c : +28
80 : #0c6e1b : +30
82 : #0b6f1a : +32
84 : #0a7119 : +34
86 : #097218 : +36
88 : #077318 : +38
90 : #067417 : +40
92 : #057616 : +42
94 : #047715 : +44
96 : #027814 : +46
98 : #017913 : +48
100 : #007a12 : +50
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #030803 : -22
4 : #050f07 : -20
6 : #08170a : -18
8 : #0a1f0d : -16
10 : #0d2611 : -14
12 : #0f2e14 : -12
14 : #123617 : -10
16 : #143d1b : -8
18 : #17451e : -6
20 : #1a4d21 : -4
22 : #1c5424 : -2
24 : #1f5c28 : ±0
26 : #21632b : +2
28 : #246b2e : +4
30 : #267332 : +6
32 : #297a35 : +8
34 : #2b8238 : +10
36 : #2e8a3c : +12
38 : #30913f : +14
40 : #339942 : +16
42 : #36a146 : +18
44 : #38a849 : +20
46 : #3bb04c : +22
48 : #3db850 : +24
50 : #40bf53 : +26
52 : #47c25a : +28
54 : #4fc461 : +30
56 : #57c768 : +32
58 : #5ec96e : +34
60 : #66cc75 : +36
62 : #6ecf7c : +38
64 : #75d183 : +40
66 : #7dd48a : +42
68 : #85d691 : +44
70 : #8cd998 : +46
72 : #94db9f : +48
74 : #9cdea5 : +50
76 : #a3e0ac : +52
78 : #abe3b3 : +54
80 : #b3e6ba : +56
82 : #bae8c1 : +58
84 : #c2ebc8 : +60
86 : #c9edcf : +62
88 : #d1f0d6 : +64
90 : #d9f2dd : +66
92 : #e0f5e3 : +68
94 : #e8f7ea : +70
96 : #f0faf1 : +72
98 : #f7fcf8 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow