#6c0226
RGB ( 赤 = 108, 緑 = 2, 青 = 38 )
HSL ( 色相 = 340°, 彩度 = 96%, 明度 = 22% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6e0202 : -340
10 : #6e1402 : -330
20 : #6e2602 : -320
30 : #6e3802 : -310
40 : #6e4a02 : -300
50 : #6e5c02 : -290
60 : #6e6e02 : -280
70 : #5c6e02 : -270
80 : #4a6e02 : -260
90 : #386e02 : -250
100 : #266e02 : -240
110 : #146e02 : -230
120 : #026e02 : -220
130 : #026e14 : -210
140 : #026e26 : -200
150 : #026e38 : -190
160 : #026e4a : -180
170 : #026e5c : -170
180 : #026e6e : -160
190 : #025c6e : -150
200 : #024a6e : -140
210 : #02386e : -130
220 : #02266e : -120
230 : #02146e : -110
240 : #02026e : -100
250 : #14026e : -90
260 : #26026e : -80
270 : #38026e : -70
280 : #4a026e : -60
290 : #5c026e : -50
300 : #6e026e : -40
310 : #6e025c : -30
320 : #6e024a : -20
330 : #6e0238 : -10
340 : #6e0226 : ±0
350 : #6e0214 : +10
330 : #6e0238 : -10
331 : #6e0236 : -9
332 : #6e0235 : -8
333 : #6e0233 : -7
334 : #6e0231 : -6
335 : #6e022f : -5
336 : #6e022d : -4
337 : #6e022c : -3
338 : #6e022a : -2
339 : #6e0228 : -1
340 : #6e0226 : ±0
341 : #6e0224 : +1
342 : #6e0223 : +2
343 : #6e0221 : +3
344 : #6e021f : +4
345 : #6e021d : +5
346 : #6e021b : +6
347 : #6e021a : +7
348 : #6e0218 : +8
349 : #6e0216 : +9
350 : #6e0214 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -96
2 : #393738 : -94
4 : #3a3637 : -92
6 : #3b3537 : -90
8 : #3d3437 : -88
10 : #3e3236 : -86
12 : #3f3136 : -84
14 : #403035 : -82
16 : #412f35 : -80
18 : #422e35 : -78
20 : #432d34 : -76
22 : #442c34 : -74
24 : #462b34 : -72
26 : #472a33 : -70
28 : #482833 : -68
30 : #492732 : -66
32 : #4a2632 : -64
34 : #4b2532 : -62
36 : #4c2431 : -60
38 : #4d2331 : -58
40 : #4f2231 : -56
42 : #502130 : -54
44 : #511f30 : -52
46 : #521e2f : -50
48 : #531d2f : -48
50 : #541c2f : -46
52 : #551b2e : -44
54 : #561a2e : -42
56 : #58192e : -40
58 : #59182d : -38
60 : #5a162d : -36
62 : #5b152d : -34
64 : #5c142c : -32
66 : #5d132c : -30
68 : #5e122b : -28
70 : #5f112b : -26
72 : #60102b : -24
74 : #620f2a : -22
76 : #630d2a : -20
78 : #640c2a : -18
80 : #650b29 : -16
82 : #660a29 : -14
84 : #670928 : -12
86 : #680828 : -10
88 : #690728 : -8
90 : #6b0627 : -6
92 : #6c0427 : -4
94 : #6d0327 : -2
96 : #6e0226 : ±0
98 : #6f0126 : +2
100 : #700025 : +4
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #0a0003 : -20
4 : #140007 : -18
6 : #1e010a : -16
8 : #28010e : -14
10 : #320111 : -12
12 : #3c0115 : -10
14 : #460118 : -8
16 : #50021c : -6
18 : #5a021f : -4
20 : #640223 : -2
22 : #6e0226 : ±0
24 : #78022a : +2
26 : #82032d : +4
28 : #8c0331 : +6
30 : #960334 : +8
32 : #a00337 : +10
34 : #aa033b : +12
36 : #b4043e : +14
38 : #be0442 : +16
40 : #c80445 : +18
42 : #d20449 : +20
44 : #dc044c : +22
46 : #e60550 : +24
48 : #f00553 : +26
50 : #fa0557 : +28
52 : #fa0f5d : +30
54 : #fa1964 : +32
56 : #fb236b : +34
58 : #fb2d72 : +36
60 : #fb3778 : +38
62 : #fb417f : +40
64 : #fb4b86 : +42
66 : #fc558d : +44
68 : #fc5f93 : +46
70 : #fc699a : +48
72 : #fc73a1 : +50
74 : #fc7da7 : +52
76 : #fd87ae : +54
78 : #fd91b5 : +56
80 : #fd9bbc : +58
82 : #fda5c2 : +60
84 : #fdafc9 : +62
86 : #feb9d0 : +64
88 : #fec3d7 : +66
90 : #fecddd : +68
92 : #fed7e4 : +70
94 : #fee1eb : +72
96 : #ffebf2 : +74
98 : #fff5f8 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow