#672504
RGB ( 赤 = 103, 緑 = 37, 青 = 4 )
HSL ( 色相 = 20°, 彩度 = 93%, 明度 = 21% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #670404 : -20
10 : #671404 : -10
20 : #672504 : ±0
30 : #673604 : +10
40 : #674604 : +20
50 : #675704 : +30
60 : #676704 : +40
70 : #576704 : +50
80 : #466704 : +60
90 : #366704 : +70
100 : #256704 : +80
110 : #146704 : +90
120 : #046704 : +100
130 : #046714 : +110
140 : #046725 : +120
150 : #046736 : +130
160 : #046746 : +140
170 : #046757 : +150
180 : #046767 : +160
190 : #045767 : +170
200 : #044667 : +180
210 : #043667 : +190
220 : #042567 : +200
230 : #041467 : +210
240 : #040467 : +220
250 : #140467 : +230
260 : #250467 : +240
270 : #360467 : +250
280 : #460467 : +260
290 : #570467 : +270
300 : #670467 : +280
310 : #670457 : +290
320 : #670446 : +300
330 : #670436 : +310
340 : #670425 : +320
350 : #670414 : +330
10 : #671404 : -10
11 : #671604 : -9
12 : #671804 : -8
13 : #671904 : -7
14 : #671b04 : -6
15 : #671d04 : -5
16 : #671e04 : -4
17 : #672004 : -3
18 : #672204 : -2
19 : #672304 : -1
20 : #672504 : ±0
21 : #672704 : +1
22 : #672804 : +2
23 : #672a04 : +3
24 : #672c04 : +4
25 : #672d04 : +5
26 : #672f04 : +6
27 : #673104 : +7
28 : #673204 : +8
29 : #673404 : +9
30 : #673604 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363535 : -92
3 : #373534 : -90
5 : #383533 : -88
7 : #393432 : -86
9 : #3a3431 : -84
11 : #3b3430 : -82
13 : #3d332f : -80
15 : #3e332e : -78
17 : #3f332c : -76
19 : #40322b : -74
21 : #41322a : -72
23 : #423129 : -70
25 : #433128 : -68
27 : #443127 : -66
29 : #453026 : -64
31 : #463025 : -62
33 : #473024 : -60
35 : #482f23 : -58
37 : #492f22 : -56
39 : #4a2f21 : -54
41 : #4c2e20 : -52
43 : #4d2e1f : -50
45 : #4e2e1d : -48
47 : #4f2d1c : -46
49 : #502d1b : -44
51 : #512c1a : -42
53 : #522c19 : -40
55 : #532c18 : -38
57 : #542b17 : -36
59 : #552b16 : -34
61 : #562b15 : -32
63 : #572a14 : -30
65 : #582a13 : -28
67 : #592a12 : -26
69 : #5a2911 : -24
71 : #5c2910 : -22
73 : #5d290e : -20
75 : #5e280d : -18
77 : #5f280c : -16
79 : #60270b : -14
81 : #61270a : -12
83 : #622709 : -10
85 : #632608 : -8
87 : #642607 : -6
89 : #652606 : -4
91 : #662505 : -2
93 : #672504 : ±0
95 : #682503 : +2
97 : #692402 : +4
99 : #6b2401 : +6
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -20
3 : #0f0501 : -18
5 : #190901 : -16
7 : #220c01 : -14
9 : #2c1002 : -12
11 : #361302 : -10
13 : #401702 : -8
15 : #4a1a03 : -6
17 : #541e03 : -4
19 : #5e2103 : -2
21 : #672504 : ±0
23 : #712804 : +2
25 : #7b2c04 : +4
27 : #853005 : +6
29 : #8f3305 : +8
31 : #993706 : +10
33 : #a23a06 : +12
35 : #ac3e06 : +14
37 : #b64107 : +16
39 : #c04507 : +18
41 : #ca4807 : +20
43 : #d44c08 : +22
45 : #dd4f08 : +24
47 : #e75308 : +26
49 : #f15609 : +28
51 : #f65b0e : +30
53 : #f76218 : +32
55 : #f76922 : +34
57 : #f76f2b : +36
59 : #f87635 : +38
61 : #f87d3f : +40
63 : #f88349 : +42
65 : #f98a53 : +44
67 : #f9915d : +46
69 : #f99766 : +48
71 : #fa9e70 : +50
73 : #faa57a : +52
75 : #fbab84 : +54
77 : #fbb28e : +56
79 : #fbb998 : +58
81 : #fcc0a1 : +60
83 : #fcc6ab : +62
85 : #fccdb5 : +64
87 : #fdd4bf : +66
89 : #fddac9 : +68
91 : #fde1d3 : +70
93 : #fee8dd : +72
95 : #feeee6 : +74
97 : #fef5f0 : +76
99 : #fffcfa : +78
CSS入門、作ってます。
text-shadow