#524f32
RGB
赤 | 82 |
---|---|
緑 | 79 |
青 | 50 |
HSL
色相 | 54° |
---|---|
彩度 | 24% |
明度 | 26% |
輝度 | 30% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 82, 緑 = 79, 青 = 50 )
HSL ( 色相 = 54°, 彩度 = 24%, 明度 = 26% )
H : 色相 ( 54° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #523532 : -50
14 : #523a32 : -40
24 : #523f32 : -30
34 : #524432 : -20
44 : #524a32 : -10
54 : #524f32 : ±0
64 : #505232 : +10
74 : #4b5232 : +20
84 : #455232 : +30
94 : #405232 : +40
104 : #3b5232 : +50
114 : #365232 : +60
124 : #325235 : +70
134 : #32523a : +80
144 : #32523f : +90
154 : #325244 : +100
164 : #32524a : +110
174 : #32524f : +120
184 : #325052 : +130
194 : #324b52 : +140
204 : #324552 : +150
214 : #324052 : +160
224 : #323b52 : +170
234 : #323652 : +180
244 : #353252 : +190
254 : #3a3252 : +200
264 : #3f3252 : +210
274 : #443252 : +220
284 : #4a3252 : +230
294 : #4f3252 : +240
304 : #523250 : +250
314 : #52324b : +260
324 : #523245 : +270
334 : #523240 : +280
344 : #52323b : +290
354 : #523236 : +300
44 : #524a32 : -10
45 : #524a32 : -9
46 : #524b32 : -8
47 : #524b32 : -7
48 : #524c32 : -6
49 : #524c32 : -5
50 : #524d32 : -4
51 : #524d32 : -3
52 : #524e32 : -2
53 : #524e32 : -1
54 : #524f32 : ±0
55 : #525032 : +1
56 : #525032 : +2
57 : #525132 : +3
58 : #525132 : +4
59 : #525232 : +5
60 : #525232 : +6
61 : #525232 : +7
62 : #515232 : +8
63 : #515232 : +9
64 : #505232 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -24
2 : #444341 : -22
4 : #454440 : -20
6 : #46453e : -18
8 : #48473d : -16
10 : #49483c : -14
12 : #4a493a : -12
14 : #4c4a39 : -10
16 : #4d4b38 : -8
18 : #4e4c36 : -6
20 : #504d35 : -4
22 : #514e34 : -2
24 : #524f32 : ±0
26 : #545031 : +2
28 : #555130 : +4
30 : #56522e : +6
32 : #58532d : +8
34 : #59542c : +10
36 : #5a552a : +12
38 : #5b5629 : +14
40 : #5d5828 : +16
42 : #5e5926 : +18
44 : #5f5a25 : +20
46 : #615b24 : +22
48 : #625c22 : +24
50 : #635d21 : +26
52 : #655e20 : +28
54 : #665f1e : +30
56 : #67601d : +32
58 : #69611c : +34
60 : #6a621b : +36
62 : #6b6319 : +38
64 : #6d6418 : +40
66 : #6e6517 : +42
68 : #6f6615 : +44
70 : #716714 : +46
72 : #726813 : +48
74 : #736a11 : +50
76 : #756b10 : +52
78 : #766c0f : +54
80 : #776d0d : +56
82 : #796e0c : +58
84 : #7a6f0b : +60
86 : #7b7009 : +62
88 : #7d7108 : +64
90 : #7e7207 : +66
92 : #7f7305 : +68
94 : #817404 : +70
96 : #827503 : +72
98 : #837601 : +74
100 : #857700 : +76
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060604 : -24
4 : #0d0c08 : -22
6 : #13120c : -20
8 : #191810 : -18
10 : #201e13 : -16
12 : #262417 : -14
14 : #2c2b1b : -12
16 : #33311f : -10
18 : #393723 : -8
20 : #3f3d27 : -6
22 : #46432b : -4
24 : #4c492f : -2
26 : #524f32 : ±0
28 : #595536 : +2
30 : #5f5b3a : +4
32 : #65613e : +6
34 : #6c6742 : +8
36 : #726d46 : +10
38 : #78744a : +12
40 : #7e7a4e : +14
42 : #858051 : +16
44 : #8b8655 : +18
46 : #918c59 : +20
48 : #98925d : +22
50 : #9e9861 : +24
52 : #a29c67 : +26
54 : #a6a06e : +28
56 : #aaa474 : +30
58 : #aea87a : +32
60 : #b1ad81 : +34
62 : #b5b187 : +36
64 : #b9b58d : +38
66 : #bdb993 : +40
68 : #c1bd9a : +42
70 : #c5c1a0 : +44
72 : #c9c5a6 : +46
74 : #cdc9ad : +48
76 : #d0ceb3 : +50
78 : #d4d2b9 : +52
80 : #d8d6c0 : +54
82 : #dcdac6 : +56
84 : #e0decc : +58
86 : #e4e2d3 : +60
88 : #e8e6d9 : +62
90 : #eceadf : +64
92 : #efefe6 : +66
94 : #f3f3ec : +68
96 : #f7f7f2 : +70
98 : #fbfbf9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow