#59222b
RGB ( 赤 = 89, 緑 = 34, 青 = 43 )
HSL ( 色相 = 350°, 彩度 = 45%, 明度 = 24% )
H : 色相 ( 350° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #592222 : -350
10 : #592b22 : -340
20 : #593422 : -330
30 : #593d22 : -320
40 : #594622 : -310
50 : #595022 : -300
60 : #595922 : -290
70 : #505922 : -280
80 : #465922 : -270
90 : #3d5922 : -260
100 : #345922 : -250
110 : #2b5922 : -240
120 : #225922 : -230
130 : #22592b : -220
140 : #225934 : -210
150 : #22593d : -200
160 : #225946 : -190
170 : #225950 : -180
180 : #225959 : -170
190 : #225059 : -160
200 : #224659 : -150
210 : #223d59 : -140
220 : #223459 : -130
230 : #222b59 : -120
240 : #222259 : -110
250 : #2b2259 : -100
260 : #342259 : -90
270 : #3d2259 : -80
280 : #462259 : -70
290 : #502259 : -60
300 : #592259 : -50
310 : #592250 : -40
320 : #592246 : -30
330 : #59223d : -20
340 : #592234 : -10
350 : #59222b : ±0
340 : #592234 : -10
341 : #592233 : -9
342 : #592232 : -8
343 : #592231 : -7
344 : #592230 : -6
345 : #59222f : -5
346 : #59222f : -4
347 : #59222e : -3
348 : #59222d : -2
349 : #59222c : -1
350 : #59222b : ±0
351 : #59222a : +1
352 : #592229 : +2
353 : #592228 : +3
354 : #592227 : +4
355 : #592226 : +5
356 : #592225 : +6
357 : #592224 : +7
358 : #592223 : +8
359 : #592223 : +9
0 : #592222 : -350
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3d3d : -44
3 : #3f3b3c : -42
5 : #403a3b : -40
7 : #41393a : -38
9 : #43383a : -36
11 : #443639 : -34
13 : #453538 : -32
15 : #463437 : -30
17 : #483336 : -28
19 : #493235 : -26
21 : #4a3035 : -24
23 : #4b2f34 : -22
25 : #4d2e33 : -20
27 : #4e2d32 : -18
29 : #4f2b31 : -16
31 : #502a31 : -14
33 : #512930 : -12
35 : #53282f : -10
37 : #54272e : -8
39 : #55252d : -6
41 : #56242c : -4
43 : #58232c : -2
45 : #59222b : ±0
47 : #5a202a : +2
49 : #5b1f29 : +4
51 : #5c1e28 : +6
53 : #5e1d28 : +8
55 : #5f1c27 : +10
57 : #601a26 : +12
59 : #611925 : +14
61 : #631824 : +16
63 : #641723 : +18
65 : #651523 : +20
67 : #661422 : +22
69 : #671321 : +24
71 : #691220 : +26
73 : #6a111f : +28
75 : #6b0f1f : +30
77 : #6c0e1e : +32
79 : #6e0d1d : +34
81 : #6f0c1c : +36
83 : #700a1b : +38
85 : #71091b : +40
87 : #72081a : +42
89 : #740719 : +44
91 : #750618 : +46
93 : #760417 : +48
95 : #770316 : +50
97 : #790216 : +52
99 : #7a0115 : +54
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070304 : -22
4 : #0f0607 : -20
6 : #16080b : -18
8 : #1e0b0e : -16
10 : #250e12 : -14
12 : #2c1115 : -12
14 : #341419 : -10
16 : #3b161d : -8
18 : #431920 : -6
20 : #4a1c24 : -4
22 : #511f27 : -2
24 : #59222b : ±0
26 : #60242e : +2
28 : #682732 : +4
30 : #6f2a36 : +6
32 : #762d39 : +8
34 : #7e303d : +10
36 : #853240 : +12
38 : #8d3544 : +14
40 : #943847 : +16
42 : #9b3b4b : +18
44 : #a33e4f : +20
46 : #aa4152 : +22
48 : #b14356 : +24
50 : #b94659 : +26
52 : #bc4e60 : +28
54 : #be5567 : +30
56 : #c15c6d : +32
58 : #c46474 : +34
60 : #c76b7a : +36
62 : #ca7281 : +38
64 : #cd7a88 : +40
66 : #cf818e : +42
68 : #d28995 : +44
70 : #d5909c : +46
72 : #d897a2 : +48
74 : #db9fa9 : +50
76 : #dda6af : +52
78 : #e0aeb6 : +54
80 : #e3b5bd : +56
82 : #e6bcc3 : +58
84 : #e9c4ca : +60
86 : #ebcbd1 : +62
88 : #eed3d7 : +64
90 : #f1dade : +66
92 : #f4e1e4 : +68
94 : #f7e9eb : +70
96 : #f9f0f2 : +72
98 : #fcf8f8 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow