#6c1e69
RGB ( 赤 = 108, 緑 = 30, 青 = 105 )
HSL ( 色相 = 302°, 彩度 = 57%, 明度 = 27% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #6c201e : -300
12 : #6c2d1e : -290
22 : #6c3a1e : -280
32 : #6c471e : -270
42 : #6c551e : -260
52 : #6c621e : -250
62 : #696c1e : -240
72 : #5c6c1e : -230
82 : #4f6c1e : -220
92 : #426c1e : -210
102 : #356c1e : -200
112 : #286c1e : -190
122 : #1e6c20 : -180
132 : #1e6c2d : -170
142 : #1e6c3a : -160
152 : #1e6c47 : -150
162 : #1e6c55 : -140
172 : #1e6c62 : -130
182 : #1e696c : -120
192 : #1e5c6c : -110
202 : #1e4f6c : -100
212 : #1e426c : -90
222 : #1e356c : -80
232 : #1e286c : -70
242 : #201e6c : -60
252 : #2d1e6c : -50
262 : #3a1e6c : -40
272 : #471e6c : -30
282 : #551e6c : -20
292 : #621e6c : -10
302 : #6c1e69 : ±0
312 : #6c1e5c : +10
322 : #6c1e4f : +20
332 : #6c1e42 : +30
342 : #6c1e35 : +40
352 : #6c1e28 : +50
292 : #621e6c : -10
293 : #631e6c : -9
294 : #641e6c : -8
295 : #661e6c : -7
296 : #671e6c : -6
297 : #681e6c : -5
298 : #691e6c : -4
299 : #6b1e6c : -3
300 : #6c1e6c : -2
301 : #6c1e6b : -1
302 : #6c1e69 : ±0
303 : #6c1e68 : +1
304 : #6c1e67 : +2
305 : #6c1e66 : +3
306 : #6c1e64 : +4
307 : #6c1e63 : +5
308 : #6c1e62 : +6
309 : #6c1e60 : +7
310 : #6c1e5f : +8
311 : #6c1e5e : +9
312 : #6c1e5c : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -56
3 : #474347 : -54
5 : #484148 : -52
7 : #4a4049 : -50
9 : #4b3f4b : -48
11 : #4c3d4c : -46
13 : #4e3c4d : -44
15 : #4f3b4e : -42
17 : #513950 : -40
19 : #523851 : -38
21 : #533652 : -36
23 : #553554 : -34
25 : #563455 : -32
27 : #573256 : -30
29 : #593157 : -28
31 : #5a3059 : -26
33 : #5c2e5a : -24
35 : #5d2d5b : -22
37 : #5e2b5d : -20
39 : #602a5e : -18
41 : #61295f : -16
43 : #622760 : -14
45 : #642662 : -12
47 : #652463 : -10
49 : #672364 : -8
51 : #682266 : -6
53 : #692067 : -4
55 : #6b1f68 : -2
57 : #6c1e69 : ±0
59 : #6d1c6b : +2
61 : #6f1b6c : +4
63 : #70196d : +6
65 : #72186f : +8
67 : #731770 : +10
69 : #741571 : +12
71 : #761472 : +14
73 : #771374 : +16
75 : #781175 : +18
77 : #7a1076 : +20
79 : #7b0e78 : +22
81 : #7d0d79 : +24
83 : #7e0c7a : +26
85 : #7f0a7b : +28
87 : #81097d : +30
89 : #82087e : +32
91 : #84067f : +34
93 : #850581 : +36
95 : #860382 : +38
97 : #880283 : +40
99 : #890184 : +42
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -26
3 : #0c030c : -24
5 : #140514 : -22
7 : #1c081b : -20
9 : #240a23 : -18
11 : #2c0c2b : -16
13 : #340e33 : -14
15 : #3c103b : -12
17 : #441342 : -10
19 : #4c154a : -8
21 : #541752 : -6
23 : #5c195a : -4
25 : #641b62 : -2
27 : #6c1e69 : ±0
29 : #742071 : +2
31 : #7c2279 : +4
33 : #842481 : +6
35 : #8c2689 : +8
37 : #942991 : +10
39 : #9c2b98 : +12
41 : #a42da0 : +14
43 : #ac2fa8 : +16
45 : #b431b0 : +18
47 : #bc34b8 : +20
49 : #c436bf : +22
51 : #c93bc5 : +24
53 : #cb43c7 : +26
55 : #ce4bc9 : +28
57 : #d053cc : +30
59 : #d25bce : +32
61 : #d463d0 : +34
63 : #d66bd3 : +36
65 : #d973d5 : +38
67 : #db7bd8 : +40
69 : #dd83da : +42
71 : #df8bdc : +44
73 : #e193df : +46
75 : #e49be1 : +48
77 : #e6a3e4 : +50
79 : #e8abe6 : +52
81 : #eab3e8 : +54
83 : #ecbbeb : +56
85 : #efc3ed : +58
87 : #f1cbef : +60
89 : #f3d3f2 : +62
91 : #f5dbf4 : +64
93 : #f7e3f7 : +66
95 : #faebf9 : +68
97 : #fcf3fb : +70
99 : #fefbfe : +72
CSS入門、作ってます。
text-shadow