#534333
RGB ( 赤 = 83, 緑 = 67, 青 = 51 )
HSL ( 色相 = 30°, 彩度 = 24%, 明度 = 26% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #523232 : -30
10 : #523832 : -20
20 : #523d32 : -10
30 : #524232 : ±0
40 : #524832 : +10
50 : #524d32 : +20
60 : #525232 : +30
70 : #4d5232 : +40
80 : #485232 : +50
90 : #425232 : +60
100 : #3d5232 : +70
110 : #385232 : +80
120 : #325232 : +90
130 : #325238 : +100
140 : #32523d : +110
150 : #325242 : +120
160 : #325248 : +130
170 : #32524d : +140
180 : #325252 : +150
190 : #324d52 : +160
200 : #324852 : +170
210 : #324252 : +180
220 : #323d52 : +190
230 : #323852 : +200
240 : #323252 : +210
250 : #383252 : +220
260 : #3d3252 : +230
270 : #423252 : +240
280 : #483252 : +250
290 : #4d3252 : +260
300 : #523252 : +270
310 : #52324d : +280
320 : #523248 : +290
330 : #523242 : +300
340 : #52323d : +310
350 : #523238 : +320
20 : #523d32 : -10
21 : #523e32 : -9
22 : #523e32 : -8
23 : #523f32 : -7
24 : #523f32 : -6
25 : #524032 : -5
26 : #524032 : -4
27 : #524132 : -3
28 : #524132 : -2
29 : #524232 : -1
30 : #524232 : ±0
31 : #524332 : +1
32 : #524332 : +2
33 : #524432 : +3
34 : #524432 : +4
35 : #524532 : +5
36 : #524532 : +6
37 : #524632 : +7
38 : #524732 : +8
39 : #524732 : +9
40 : #524832 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -24
2 : #444241 : -22
4 : #454240 : -20
6 : #46423e : -18
8 : #48423d : -16
10 : #49423c : -14
12 : #4a423a : -12
14 : #4c4239 : -10
16 : #4d4238 : -8
18 : #4e4236 : -6
20 : #504235 : -4
22 : #514234 : -2
24 : #524232 : ±0
26 : #544231 : +2
28 : #554230 : +4
30 : #56422e : +6
32 : #58422d : +8
34 : #59422c : +10
36 : #5a422a : +12
38 : #5b4229 : +14
40 : #5d4228 : +16
42 : #5e4226 : +18
44 : #5f4225 : +20
46 : #614224 : +22
48 : #624222 : +24
50 : #634221 : +26
52 : #654220 : +28
54 : #66421e : +30
56 : #67421d : +32
58 : #69421c : +34
60 : #6a421b : +36
62 : #6b4219 : +38
64 : #6d4218 : +40
66 : #6e4217 : +42
68 : #6f4215 : +44
70 : #714214 : +46
72 : #724213 : +48
74 : #734211 : +50
76 : #754210 : +52
78 : #76420f : +54
80 : #77420d : +56
82 : #79420c : +58
84 : #7a420b : +60
86 : #7b4209 : +62
88 : #7d4208 : +64
90 : #7e4207 : +66
92 : #7f4205 : +68
94 : #814204 : +70
96 : #824203 : +72
98 : #834201 : +74
100 : #854200 : +76
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060504 : -24
4 : #0d0a08 : -22
6 : #130f0c : -20
8 : #191410 : -18
10 : #201a13 : -16
12 : #261f17 : -14
14 : #2c241b : -12
16 : #33291f : -10
18 : #392e23 : -8
20 : #3f3327 : -6
22 : #46382b : -4
24 : #4c3d2f : -2
26 : #524232 : ±0
28 : #594736 : +2
30 : #5f4d3a : +4
32 : #65523e : +6
34 : #6c5742 : +8
36 : #725c46 : +10
38 : #78614a : +12
40 : #7e664e : +14
42 : #856b51 : +16
44 : #8b7055 : +18
46 : #917559 : +20
48 : #987a5d : +22
50 : #9e8061 : +24
52 : #a28567 : +26
54 : #a68a6e : +28
56 : #aa8f74 : +30
58 : #ae947a : +32
60 : #b19981 : +34
62 : #b59e87 : +36
64 : #b9a38d : +38
66 : #bda893 : +40
68 : #c1ad9a : +42
70 : #c5b3a0 : +44
72 : #c9b8a6 : +46
74 : #cdbdad : +48
76 : #d0c2b3 : +50
78 : #d4c7b9 : +52
80 : #d8ccc0 : +54
82 : #dcd1c6 : +56
84 : #e0d6cc : +58
86 : #e4dbd3 : +60
88 : #e8e0d9 : +62
90 : #ece6df : +64
92 : #efebe6 : +66
94 : #f3f0ec : +68
96 : #f7f5f2 : +70
98 : #fbfaf9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow