#6f1553
RGB ( 赤 = 111, 緑 = 21, 青 = 83 )
HSL ( 色相 = 319°, 彩度 = 68%, 明度 = 26% )
H : 色相 ( 319° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #6f2315 : -310
19 : #6f3215 : -300
29 : #6f4115 : -290
39 : #6f5015 : -280
49 : #6f5f15 : -270
59 : #6f6e15 : -260
69 : #626f15 : -250
79 : #536f15 : -240
89 : #446f15 : -230
99 : #356f15 : -220
109 : #266f15 : -210
119 : #176f15 : -200
129 : #156f23 : -190
139 : #156f32 : -180
149 : #156f41 : -170
159 : #156f50 : -160
169 : #156f5f : -150
179 : #156f6e : -140
189 : #15626f : -130
199 : #15536f : -120
209 : #15446f : -110
219 : #15356f : -100
229 : #15266f : -90
239 : #15176f : -80
249 : #23156f : -70
259 : #32156f : -60
269 : #41156f : -50
279 : #50156f : -40
289 : #5f156f : -30
299 : #6e156f : -20
309 : #6f1562 : -10
319 : #6f1553 : ±0
329 : #6f1544 : +10
339 : #6f1535 : +20
349 : #6f1526 : +30
359 : #6f1517 : +40
309 : #6f1562 : -10
310 : #6f1560 : -9
311 : #6f155f : -8
312 : #6f155d : -7
313 : #6f155c : -6
314 : #6f155a : -5
315 : #6f1559 : -4
316 : #6f1557 : -3
317 : #6f1556 : -2
318 : #6f1554 : -1
319 : #6f1553 : ±0
320 : #6f1551 : +1
321 : #6f1550 : +2
322 : #6f154e : +3
323 : #6f154d : +4
324 : #6f154b : +5
325 : #6f154a : +6
326 : #6f1548 : +7
327 : #6f1547 : +8
328 : #6f1545 : +9
329 : #6f1544 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -68
2 : #444143 : -66
4 : #454043 : -64
6 : #463e44 : -62
8 : #483d44 : -60
10 : #493c45 : -58
12 : #4a3a45 : -56
14 : #4c3946 : -54
16 : #4d3846 : -52
18 : #4e3647 : -50
20 : #503547 : -48
22 : #513448 : -46
24 : #523248 : -44
26 : #543149 : -42
28 : #553049 : -40
30 : #562e4a : -38
32 : #582d4a : -36
34 : #592c4b : -34
36 : #5a2a4b : -32
38 : #5b294c : -30
40 : #5d284c : -28
42 : #5e264d : -26
44 : #5f254d : -24
46 : #61244d : -22
48 : #62224e : -20
50 : #63214e : -18
52 : #65204f : -16
54 : #661e4f : -14
56 : #671d50 : -12
58 : #691c50 : -10
60 : #6a1b51 : -8
62 : #6b1951 : -6
64 : #6d1852 : -4
66 : #6e1752 : -2
68 : #6f1553 : ±0
70 : #711453 : +2
72 : #721354 : +4
74 : #731154 : +6
76 : #751055 : +8
78 : #760f55 : +10
80 : #770d56 : +12
82 : #790c56 : +14
84 : #7a0b57 : +16
86 : #7b0957 : +18
88 : #7d0858 : +20
90 : #7e0758 : +22
92 : #7f0559 : +24
94 : #810459 : +26
96 : #82035a : +28
98 : #83015a : +30
100 : #85005b : +32
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090206 : -24
4 : #11030d : -22
6 : #1a0513 : -20
8 : #220719 : -18
10 : #2b0820 : -16
12 : #330a26 : -14
14 : #3c0b2d : -12
16 : #450d33 : -10
18 : #4d0f39 : -8
20 : #561040 : -6
22 : #5e1246 : -4
24 : #67144c : -2
26 : #6f1553 : ±0
28 : #781759 : +2
30 : #811860 : +4
32 : #891a66 : +6
34 : #921c6c : +8
36 : #9a1d73 : +10
38 : #a31f79 : +12
40 : #ab217f : +14
42 : #b42286 : +16
44 : #bc248c : +18
46 : #c52693 : +20
48 : #ce2799 : +22
50 : #d6299f : +24
52 : #d831a3 : +26
54 : #d93aa7 : +28
56 : #db43ab : +30
58 : #dd4baf : +32
60 : #de54b2 : +34
62 : #e05cb6 : +36
64 : #e265ba : +38
66 : #e36dbe : +40
68 : #e576c2 : +42
70 : #e77ec6 : +44
72 : #e887c9 : +46
74 : #ea90cd : +48
76 : #eb98d1 : +50
78 : #eda1d5 : +52
80 : #efa9d9 : +54
82 : #f0b2dd : +56
84 : #f2bae0 : +58
86 : #f4c3e4 : +60
88 : #f5cce8 : +62
90 : #f7d4ec : +64
92 : #f8ddf0 : +66
94 : #fae5f4 : +68
96 : #fceef7 : +70
98 : #fdf6fb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow