#840058
RGB ( 赤 = 132, 緑 = 0, 青 = 88 )
HSL ( 色相 = 320°, 彩度 = 100%, 明度 = 26% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #850000 : -320
10 : #851600 : -310
20 : #852c00 : -300
30 : #854200 : -290
40 : #855800 : -280
50 : #856f00 : -270
60 : #858500 : -260
70 : #6f8500 : -250
80 : #588500 : -240
90 : #428500 : -230
100 : #2c8500 : -220
110 : #168500 : -210
120 : #008500 : -200
130 : #008516 : -190
140 : #00852c : -180
150 : #008542 : -170
160 : #008558 : -160
170 : #00856f : -150
180 : #008585 : -140
190 : #006f85 : -130
200 : #005885 : -120
210 : #004285 : -110
220 : #002c85 : -100
230 : #001685 : -90
240 : #000085 : -80
250 : #160085 : -70
260 : #2c0085 : -60
270 : #420085 : -50
280 : #580085 : -40
290 : #6f0085 : -30
300 : #850085 : -20
310 : #85006f : -10
320 : #850058 : ±0
330 : #850042 : +10
340 : #85002c : +20
350 : #850016 : +30
310 : #85006f : -10
311 : #85006c : -9
312 : #85006a : -8
313 : #850068 : -7
314 : #850066 : -6
315 : #850063 : -5
316 : #850061 : -4
317 : #85005f : -3
318 : #85005d : -2
319 : #85005b : -1
320 : #850058 : ±0
321 : #850056 : +1
322 : #850054 : +2
323 : #850052 : +3
324 : #850050 : +4
325 : #85004d : +5
326 : #85004b : +6
327 : #850049 : +7
328 : #850047 : +8
329 : #850045 : +9
330 : #850042 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -100
2 : #444143 : -98
4 : #454043 : -96
6 : #463e44 : -94
8 : #483d44 : -92
10 : #493c45 : -90
12 : #4a3a45 : -88
14 : #4c3945 : -86
16 : #4d3846 : -84
18 : #4e3646 : -82
20 : #503547 : -80
22 : #513447 : -78
24 : #523248 : -76
26 : #543148 : -74
28 : #553048 : -72
30 : #562e49 : -70
32 : #582d49 : -68
34 : #592c4a : -66
36 : #5a2a4a : -64
38 : #5b294b : -62
40 : #5d284b : -60
42 : #5e264c : -58
44 : #5f254c : -56
46 : #61244c : -54
48 : #62224d : -52
50 : #63214d : -50
52 : #65204e : -48
54 : #661e4e : -46
56 : #671d4f : -44
58 : #691c4f : -42
60 : #6a1b50 : -40
62 : #6b1950 : -38
64 : #6d1850 : -36
66 : #6e1751 : -34
68 : #6f1551 : -32
70 : #711452 : -30
72 : #721352 : -28
74 : #731153 : -26
76 : #751053 : -24
78 : #760f54 : -22
80 : #770d54 : -20
82 : #790c54 : -18
84 : #7a0b55 : -16
86 : #7b0955 : -14
88 : #7d0856 : -12
90 : #7e0756 : -10
92 : #7f0557 : -8
94 : #810457 : -6
96 : #820358 : -4
98 : #830158 : -2
100 : #850058 : ±0
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #0a0007 : -24
4 : #14000e : -22
6 : #1f0014 : -20
8 : #29001b : -18
10 : #330022 : -16
12 : #3d0029 : -14
14 : #470030 : -12
16 : #520036 : -10
18 : #5c003d : -8
20 : #660044 : -6
22 : #70004b : -4
24 : #7a0052 : -2
26 : #850058 : ±0
28 : #8f005f : +2
30 : #990066 : +4
32 : #a3006d : +6
34 : #ad0074 : +8
36 : #b8007a : +10
38 : #c20081 : +12
40 : #cc0088 : +14
42 : #d6008f : +16
44 : #e00096 : +18
46 : #eb009c : +20
48 : #f500a3 : +22
50 : #ff00aa : +24
52 : #ff0aad : +26
54 : #ff14b1 : +28
56 : #ff1fb4 : +30
58 : #ff29b8 : +32
60 : #ff33bb : +34
62 : #ff3dbe : +36
64 : #ff47c2 : +38
66 : #ff52c5 : +40
68 : #ff5cc9 : +42
70 : #ff66cc : +44
72 : #ff70cf : +46
74 : #ff7ad3 : +48
76 : #ff85d6 : +50
78 : #ff8fda : +52
80 : #ff99dd : +54
82 : #ffa3e0 : +56
84 : #ffade4 : +58
86 : #ffb8e7 : +60
88 : #ffc2eb : +62
90 : #ffccee : +64
92 : #ffd6f1 : +66
94 : #ffe0f5 : +68
96 : #ffebf8 : +70
98 : #fff5fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow