#67142f
RGB ( 赤 = 103, 緑 = 20, 青 = 47 )
HSL ( 色相 = 340°, 彩度 = 67%, 明度 = 24% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #661414 : -340
10 : #662214 : -330
20 : #663014 : -320
30 : #663d14 : -310
40 : #664b14 : -300
50 : #665914 : -290
60 : #666614 : -280
70 : #596614 : -270
80 : #4b6614 : -260
90 : #3d6614 : -250
100 : #306614 : -240
110 : #226614 : -230
120 : #146614 : -220
130 : #146622 : -210
140 : #146630 : -200
150 : #14663d : -190
160 : #14664b : -180
170 : #146659 : -170
180 : #146666 : -160
190 : #145966 : -150
200 : #144b66 : -140
210 : #143d66 : -130
220 : #143066 : -120
230 : #142266 : -110
240 : #141466 : -100
250 : #221466 : -90
260 : #301466 : -80
270 : #3d1466 : -70
280 : #4b1466 : -60
290 : #591466 : -50
300 : #661466 : -40
310 : #661459 : -30
320 : #66144b : -20
330 : #66143d : -10
340 : #661430 : ±0
350 : #661422 : +10
330 : #66143d : -10
331 : #66143c : -9
332 : #66143a : -8
333 : #661439 : -7
334 : #661438 : -6
335 : #661436 : -5
336 : #661435 : -4
337 : #661434 : -3
338 : #661432 : -2
339 : #661431 : -1
340 : #661430 : ±0
341 : #66142e : +1
342 : #66142d : +2
343 : #66142b : +3
344 : #66142a : +4
345 : #661429 : +5
346 : #661427 : +6
347 : #661426 : +7
348 : #661425 : +8
349 : #661423 : +9
350 : #661422 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3d3d : -66
3 : #3f3b3d : -64
5 : #403a3c : -62
7 : #41393c : -60
9 : #43383b : -58
11 : #44363b : -56
13 : #45353b : -54
15 : #46343a : -52
17 : #48333a : -50
19 : #493239 : -48
21 : #4a3039 : -46
23 : #4b2f39 : -44
25 : #4d2e38 : -42
27 : #4e2d38 : -40
29 : #4f2b37 : -38
31 : #502a37 : -36
33 : #512936 : -34
35 : #532836 : -32
37 : #542736 : -30
39 : #552535 : -28
41 : #562435 : -26
43 : #582334 : -24
45 : #592234 : -22
47 : #5a2034 : -20
49 : #5b1f33 : -18
51 : #5c1e33 : -16
53 : #5e1d32 : -14
55 : #5f1c32 : -12
57 : #601a32 : -10
59 : #611931 : -8
61 : #631831 : -6
63 : #641730 : -4
65 : #651530 : -2
67 : #661430 : ±0
69 : #67132f : +2
71 : #69122f : +4
73 : #6a112e : +6
75 : #6b0f2e : +8
77 : #6c0e2d : +10
79 : #6e0d2d : +12
81 : #6f0c2d : +14
83 : #700a2c : +16
85 : #71092c : +18
87 : #72082b : +20
89 : #74072b : +22
91 : #75062b : +24
93 : #76042a : +26
95 : #77032a : +28
97 : #790229 : +30
99 : #7a0129 : +32
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090204 : -22
4 : #110308 : -20
6 : #1a050c : -18
8 : #220710 : -16
10 : #2b0814 : -14
12 : #330a18 : -12
14 : #3c0c1c : -10
16 : #440d20 : -8
18 : #4d0f24 : -6
20 : #551128 : -4
22 : #5e132c : -2
24 : #661430 : ±0
26 : #6f1633 : +2
28 : #771837 : +4
30 : #80193b : +6
32 : #881b3f : +8
34 : #911d43 : +10
36 : #991e47 : +12
38 : #a2204b : +14
40 : #aa224f : +16
42 : #b32353 : +18
44 : #bb2557 : +20
46 : #c4275b : +22
48 : #cc285f : +24
50 : #d52a63 : +26
52 : #d73369 : +28
54 : #d83b70 : +30
56 : #da4476 : +32
58 : #dc4c7c : +34
60 : #dd5582 : +36
62 : #df5d88 : +38
64 : #e1668f : +40
66 : #e26e95 : +42
68 : #e4779b : +44
70 : #e67fa1 : +46
72 : #e788a8 : +48
74 : #e990ae : +50
76 : #eb99b4 : +52
78 : #eca1ba : +54
80 : #eeaac1 : +56
82 : #f0b2c7 : +58
84 : #f2bbcd : +60
86 : #f3c3d3 : +62
88 : #f5ccda : +64
90 : #f7d4e0 : +66
92 : #f8dde6 : +68
94 : #fae5ec : +70
96 : #fceef3 : +72
98 : #fdf6f9 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow