#647a00
RGB
赤 | 100 |
---|---|
緑 | 122 |
青 | 0 |
HSL
色相 | 71° |
---|---|
彩度 | 100% |
明度 | 24% |
輝度 | 40% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 100, 緑 = 122, 青 = 0 )
HSL ( 色相 = 71°, 彩度 = 100%, 明度 = 24% )
H : 色相 ( 71° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7a0200 : -70
11 : #7a1600 : -60
21 : #7a2b00 : -50
31 : #7a3f00 : -40
41 : #7a5400 : -30
51 : #7a6800 : -20
61 : #787a00 : -10
71 : #647a00 : ±0
81 : #507a00 : +10
91 : #3b7a00 : +20
101 : #277a00 : +30
111 : #127a00 : +40
121 : #007a02 : +50
131 : #007a16 : +60
141 : #007a2b : +70
151 : #007a3f : +80
161 : #007a54 : +90
171 : #007a68 : +100
181 : #00787a : +110
191 : #00647a : +120
201 : #00507a : +130
211 : #003b7a : +140
221 : #00277a : +150
231 : #00127a : +160
241 : #02007a : +170
251 : #16007a : +180
261 : #2b007a : +190
271 : #3f007a : +200
281 : #54007a : +210
291 : #68007a : +220
301 : #7a0078 : +230
311 : #7a0064 : +240
321 : #7a0050 : +250
331 : #7a003b : +260
341 : #7a0027 : +270
351 : #7a0012 : +280
61 : #787a00 : -10
62 : #767a00 : -9
63 : #747a00 : -8
64 : #727a00 : -7
65 : #707a00 : -6
66 : #6e7a00 : -5
67 : #6c7a00 : -4
68 : #6a7a00 : -3
69 : #687a00 : -2
70 : #667a00 : -1
71 : #647a00 : ±0
72 : #627a00 : +1
73 : #607a00 : +2
74 : #5e7a00 : +3
75 : #5c7a00 : +4
76 : #5a7a00 : +5
77 : #587a00 : +6
78 : #567a00 : +7
79 : #547a00 : +8
80 : #527a00 : +9
81 : #507a00 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -100
2 : #3e3e3c : -98
4 : #3f403b : -96
6 : #40413a : -94
8 : #404238 : -92
10 : #414337 : -90
12 : #424536 : -88
14 : #434635 : -86
16 : #434733 : -84
18 : #444832 : -82
20 : #454931 : -80
22 : #464b30 : -78
24 : #474c2f : -76
26 : #474d2d : -74
28 : #484e2c : -72
30 : #49502b : -70
32 : #4a512a : -68
34 : #4a5228 : -66
36 : #4b5327 : -64
38 : #4c5426 : -62
40 : #4d5625 : -60
42 : #4d5723 : -58
44 : #4e5822 : -56
46 : #4f5921 : -54
48 : #505b20 : -52
50 : #515c1f : -50
52 : #515d1d : -48
54 : #525e1c : -46
56 : #535f1b : -44
58 : #54611a : -42
60 : #546218 : -40
62 : #556317 : -38
64 : #566416 : -36
66 : #576615 : -34
68 : #586714 : -32
70 : #586812 : -30
72 : #596911 : -28
74 : #5a6a10 : -26
76 : #5b6c0f : -24
78 : #5b6d0d : -22
80 : #5c6e0c : -20
82 : #5d6f0b : -18
84 : #5e710a : -16
86 : #5f7209 : -14
88 : #5f7307 : -12
90 : #607406 : -10
92 : #617605 : -8
94 : #627704 : -6
96 : #627802 : -4
98 : #637901 : -2
100 : #647a00 : ±0
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080a00 : -22
4 : #111400 : -20
6 : #191f00 : -18
8 : #212900 : -16
10 : #2a3300 : -14
12 : #323d00 : -12
14 : #3a4700 : -10
16 : #435200 : -8
18 : #4b5c00 : -6
20 : #536600 : -4
22 : #5c7000 : -2
24 : #647a00 : ±0
26 : #6c8500 : +2
28 : #758f00 : +4
30 : #7d9900 : +6
32 : #85a300 : +8
34 : #8ead00 : +10
36 : #96b800 : +12
38 : #9ec200 : +14
40 : #a7cc00 : +16
42 : #afd600 : +18
44 : #b7e000 : +20
46 : #c0eb00 : +22
48 : #c8f500 : +24
50 : #d0ff00 : +26
52 : #d2ff0a : +28
54 : #d4ff14 : +30
56 : #d6ff1f : +32
58 : #d8ff29 : +34
60 : #daff33 : +36
62 : #dbff3d : +38
64 : #ddff47 : +40
66 : #dfff52 : +42
68 : #e1ff5c : +44
70 : #e3ff66 : +46
72 : #e5ff70 : +48
74 : #e7ff7a : +50
76 : #e9ff85 : +52
78 : #eaff8f : +54
80 : #ecff99 : +56
82 : #eeffa3 : +58
84 : #f0ffad : +60
86 : #f2ffb8 : +62
88 : #f4ffc2 : +64
90 : #f6ffcc : +66
92 : #f8ffd6 : +68
94 : #f9ffe0 : +70
96 : #fbffeb : +72
98 : #fdfff5 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow