#521 #552211
RGB ( 赤 = 85, 緑 = 34, 青 = 17 )
HSL ( 色相 = 15°, 彩度 = 67%, 明度 = 20% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #551711 : -10
15 : #552211 : ±0
25 : #552d11 : +10
35 : #553911 : +20
45 : #554411 : +30
55 : #554f11 : +40
65 : #4f5511 : +50
75 : #445511 : +60
85 : #395511 : +70
95 : #2d5511 : +80
105 : #225511 : +90
115 : #175511 : +100
125 : #115517 : +110
135 : #115522 : +120
145 : #11552d : +130
155 : #115539 : +140
165 : #115544 : +150
175 : #11554f : +160
185 : #114f55 : +170
195 : #114455 : +180
205 : #113955 : +190
215 : #112d55 : +200
225 : #112255 : +210
235 : #111755 : +220
245 : #171155 : +230
255 : #221155 : +240
265 : #2d1155 : +250
275 : #391155 : +260
285 : #441155 : +270
295 : #4f1155 : +280
305 : #55114f : +290
315 : #551144 : +300
325 : #551139 : +310
335 : #55112d : +320
345 : #551122 : +330
355 : #551117 : +340
5 : #551711 : -10
6 : #551811 : -9
7 : #551911 : -8
8 : #551a11 : -7
9 : #551b11 : -6
10 : #551c11 : -5
11 : #551d11 : -4
12 : #551e11 : -3
13 : #552011 : -2
14 : #552111 : -1
15 : #552211 : ±0
16 : #552311 : +1
17 : #552411 : +2
18 : #552511 : +3
19 : #552611 : +4
20 : #552811 : +5
21 : #552911 : +6
22 : #552a11 : +7
23 : #552b11 : +8
24 : #552c11 : +9
25 : #552d11 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343332 : -66
3 : #353231 : -64
5 : #363230 : -62
7 : #37312f : -60
9 : #38312e : -58
11 : #39302d : -56
13 : #3a302c : -54
15 : #3b2f2b : -52
17 : #3c2f2a : -50
19 : #3d2e29 : -48
21 : #3e2e28 : -46
23 : #3f2d27 : -44
25 : #402d26 : -42
27 : #412c25 : -40
29 : #422c24 : -38
31 : #432b23 : -36
33 : #442b22 : -34
35 : #452a21 : -32
37 : #462a20 : -30
39 : #47291f : -28
41 : #48291e : -26
43 : #49281d : -24
45 : #4a281c : -22
47 : #4b271b : -20
49 : #4c271a : -18
51 : #4d2619 : -16
53 : #4e2518 : -14
55 : #4f2517 : -12
57 : #502416 : -10
59 : #512415 : -8
61 : #522314 : -6
63 : #532313 : -4
65 : #542212 : -2
67 : #552211 : ±0
69 : #562110 : +2
71 : #57210f : +4
73 : #58200e : +6
75 : #59200d : +8
77 : #5a1f0c : +10
79 : #5b1f0b : +12
81 : #5c1e0a : +14
83 : #5d1e09 : +16
85 : #5e1d08 : +18
87 : #5f1d07 : +20
89 : #601c06 : +22
91 : #611c05 : +24
93 : #621b04 : +26
95 : #631b03 : +28
97 : #641a02 : +30
99 : #651a01 : +32
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #090302 : -18
4 : #110703 : -16
6 : #1a0a05 : -14
8 : #220e07 : -12
10 : #2b1108 : -10
12 : #33140a : -8
14 : #3c180c : -6
16 : #441b0d : -4
18 : #4d1f0f : -2
20 : #552211 : ±0
22 : #5e2513 : +2
24 : #662914 : +4
26 : #6f2c16 : +6
28 : #772f18 : +8
30 : #803319 : +10
32 : #88361b : +12
34 : #913a1d : +14
36 : #993d1e : +16
38 : #a24020 : +18
40 : #aa4422 : +20
42 : #b34723 : +22
44 : #bb4b25 : +24
46 : #c44e27 : +26
48 : #cc5128 : +28
50 : #d5552a : +30
52 : #d75c33 : +32
54 : #d8623b : +34
56 : #da6944 : +36
58 : #dc704c : +38
60 : #dd7755 : +40
62 : #df7e5d : +42
64 : #e18466 : +44
66 : #e28b6e : +46
68 : #e49277 : +48
70 : #e6997f : +50
72 : #e7a088 : +52
74 : #e9a690 : +54
76 : #ebad99 : +56
78 : #ecb4a1 : +58
80 : #eebbaa : +60
82 : #f0c2b2 : +62
84 : #f2c9bb : +64
86 : #f3cfc3 : +66
88 : #f5d6cc : +68
90 : #f7ddd4 : +70
92 : #f8e4dd : +72
94 : #faebe5 : +74
96 : #fcf1ee : +76
98 : #fdf8f6 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow