#515114
RGB ( 赤 = 81, 緑 = 81, 青 = 20 )
HSL ( 色相 = 60°, 彩度 = 60%, 明度 = 20% )
H : 色相 ( 60° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #521414 : -60
10 : #521f14 : -50
20 : #522914 : -40
30 : #523314 : -30
40 : #523d14 : -20
50 : #524714 : -10
60 : #525214 : ±0
70 : #475214 : +10
80 : #3d5214 : +20
90 : #335214 : +30
100 : #295214 : +40
110 : #1f5214 : +50
120 : #145214 : +60
130 : #14521f : +70
140 : #145229 : +80
150 : #145233 : +90
160 : #14523d : +100
170 : #145247 : +110
180 : #145252 : +120
190 : #144752 : +130
200 : #143d52 : +140
210 : #143352 : +150
220 : #142952 : +160
230 : #141f52 : +170
240 : #141452 : +180
250 : #1f1452 : +190
260 : #291452 : +200
270 : #331452 : +210
280 : #3d1452 : +220
290 : #471452 : +230
300 : #521452 : +240
310 : #521447 : +250
320 : #52143d : +260
330 : #521433 : +270
340 : #521429 : +280
350 : #52141f : +290
50 : #524714 : -10
51 : #524814 : -9
52 : #524914 : -8
53 : #524a14 : -7
54 : #524b14 : -6
55 : #524d14 : -5
56 : #524e14 : -4
57 : #524f14 : -3
58 : #525014 : -2
59 : #525114 : -1
60 : #525214 : ±0
61 : #515214 : +1
62 : #505214 : +2
63 : #4f5214 : +3
64 : #4e5214 : +4
65 : #4d5214 : +5
66 : #4b5214 : +6
67 : #4a5214 : +7
68 : #495214 : +8
69 : #485214 : +9
70 : #475214 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -60
2 : #343432 : -58
4 : #353531 : -56
6 : #363630 : -54
8 : #37372f : -52
10 : #38382e : -50
12 : #39392d : -48
14 : #3a3a2c : -46
16 : #3b3b2b : -44
18 : #3c3c2a : -42
20 : #3d3d29 : -40
22 : #3e3e28 : -38
24 : #3f3f27 : -36
26 : #404026 : -34
28 : #414125 : -32
30 : #424224 : -30
32 : #434323 : -28
34 : #444422 : -26
36 : #454521 : -24
38 : #464620 : -22
40 : #47471f : -20
42 : #48481e : -18
44 : #49491d : -16
46 : #4a4a1c : -14
48 : #4b4b1b : -12
50 : #4d4d1a : -10
52 : #4e4e18 : -8
54 : #4f4f17 : -6
56 : #505016 : -4
58 : #515115 : -2
60 : #525214 : ±0
62 : #535313 : +2
64 : #545412 : +4
66 : #555511 : +6
68 : #565610 : +8
70 : #57570f : +10
72 : #58580e : +12
74 : #59590d : +14
76 : #5a5a0c : +16
78 : #5b5b0b : +18
80 : #5c5c0a : +20
82 : #5d5d09 : +22
84 : #5e5e08 : +24
86 : #5f5f07 : +26
88 : #606006 : +28
90 : #616105 : +30
92 : #626204 : +32
94 : #636303 : +34
96 : #646402 : +36
98 : #656501 : +38
100 : #666600 : +40
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080802 : -18
4 : #101004 : -16
6 : #181806 : -14
8 : #212108 : -12
10 : #29290a : -10
12 : #31310c : -8
14 : #39390e : -6
16 : #414110 : -4
18 : #494912 : -2
20 : #525214 : ±0
22 : #5a5a16 : +2
24 : #626218 : +4
26 : #6a6a1b : +6
28 : #72721d : +8
30 : #7a7a1f : +10
32 : #838321 : +12
34 : #8b8b23 : +14
36 : #939325 : +16
38 : #9b9b27 : +18
40 : #a3a329 : +20
42 : #abab2b : +22
44 : #b4b42d : +24
46 : #bcbc2f : +26
48 : #c4c431 : +28
50 : #cccc33 : +30
52 : #cece3b : +32
54 : #d0d043 : +34
56 : #d2d24b : +36
58 : #d4d454 : +38
60 : #d6d65c : +40
62 : #d8d864 : +42
64 : #dada6c : +44
66 : #dcdc74 : +46
68 : #dede7c : +48
70 : #e0e085 : +50
72 : #e2e28d : +52
74 : #e4e495 : +54
76 : #e7e79d : +56
78 : #e9e9a5 : +58
80 : #ebebad : +60
82 : #ededb6 : +62
84 : #efefbe : +64
86 : #f1f1c6 : +66
88 : #f3f3ce : +68
90 : #f5f5d6 : +70
92 : #f7f7de : +72
94 : #f9f9e7 : +74
96 : #fbfbef : +76
98 : #fdfdf7 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow