#7a7401
RGB
赤 | 122 |
---|---|
緑 | 116 |
青 | 1 |
HSL
色相 | 57° |
---|---|
彩度 | 98% |
明度 | 24% |
輝度 | 41% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 122, 緑 = 116, 青 = 1 )
HSL ( 色相 = 57°, 彩度 = 98%, 明度 = 24% )
H : 色相 ( 57° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #790f01 : -50
17 : #792301 : -40
27 : #793701 : -30
37 : #794b01 : -20
47 : #795f01 : -10
57 : #797301 : ±0
67 : #6b7901 : +10
77 : #577901 : +20
87 : #437901 : +30
97 : #2f7901 : +40
107 : #1b7901 : +50
117 : #077901 : +60
127 : #01790f : +70
137 : #017923 : +80
147 : #017937 : +90
157 : #01794b : +100
167 : #01795f : +110
177 : #017973 : +120
187 : #016b79 : +130
197 : #015779 : +140
207 : #014379 : +150
217 : #012f79 : +160
227 : #011b79 : +170
237 : #010779 : +180
247 : #0f0179 : +190
257 : #230179 : +200
267 : #370179 : +210
277 : #4b0179 : +220
287 : #5f0179 : +230
297 : #730179 : +240
307 : #79016b : +250
317 : #790157 : +260
327 : #790143 : +270
337 : #79012f : +280
347 : #79011b : +290
357 : #790107 : +300
47 : #795f01 : -10
48 : #796101 : -9
49 : #796301 : -8
50 : #796501 : -7
51 : #796701 : -6
52 : #796901 : -5
53 : #796b01 : -4
54 : #796d01 : -3
55 : #796f01 : -2
56 : #797101 : -1
57 : #797301 : ±0
58 : #797501 : +1
59 : #797701 : +2
60 : #797901 : +3
61 : #777901 : +4
62 : #757901 : +5
63 : #737901 : +6
64 : #717901 : +7
65 : #6f7901 : +8
66 : #6d7901 : +9
67 : #6b7901 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -98
2 : #3e3e3c : -96
4 : #403f3b : -94
6 : #41413a : -92
8 : #424238 : -90
10 : #434337 : -88
12 : #454436 : -86
14 : #464535 : -84
16 : #474633 : -82
18 : #484732 : -80
20 : #494831 : -78
22 : #4b4930 : -76
24 : #4c4a2f : -74
26 : #4d4c2d : -72
28 : #4e4d2c : -70
30 : #504e2b : -68
32 : #514f2a : -66
34 : #525028 : -64
36 : #535127 : -62
38 : #545226 : -60
40 : #565325 : -58
42 : #575423 : -56
44 : #585522 : -54
46 : #595721 : -52
48 : #5b5820 : -50
50 : #5c591f : -48
52 : #5d5a1d : -46
54 : #5e5b1c : -44
56 : #5f5c1b : -42
58 : #615d1a : -40
60 : #625e18 : -38
62 : #635f17 : -36
64 : #646016 : -34
66 : #666215 : -32
68 : #676314 : -30
70 : #686412 : -28
72 : #696511 : -26
74 : #6a6610 : -24
76 : #6c670f : -22
78 : #6d680d : -20
80 : #6e690c : -18
82 : #6f6a0b : -16
84 : #716b0a : -14
86 : #726d09 : -12
88 : #736e07 : -10
90 : #746f06 : -8
92 : #767005 : -6
94 : #777104 : -4
96 : #787202 : -2
98 : #797301 : ±0
100 : #7a7400 : +2
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #0a0a00 : -22
4 : #141300 : -20
6 : #1e1d00 : -18
8 : #282600 : -16
10 : #323001 : -14
12 : #3d3a01 : -12
14 : #474301 : -10
16 : #514d01 : -8
18 : #5b5601 : -6
20 : #656001 : -4
22 : #6f6a01 : -2
24 : #797301 : ±0
26 : #837d01 : +2
28 : #8d8601 : +4
30 : #979002 : +6
32 : #a29a02 : +8
34 : #aca302 : +10
36 : #b6ad02 : +12
38 : #c0b602 : +14
40 : #cac002 : +16
42 : #d4ca02 : +18
44 : #ded302 : +20
46 : #e8dd02 : +22
48 : #f2e602 : +24
50 : #fcf003 : +26
52 : #fdf10d : +28
54 : #fdf117 : +30
56 : #fdf221 : +32
58 : #fdf22b : +34
60 : #fdf335 : +36
62 : #fdf43f : +38
64 : #fdf449 : +40
66 : #fdf553 : +42
68 : #fdf55d : +44
70 : #fdf668 : +46
72 : #fef772 : +48
74 : #fef77c : +50
76 : #fef886 : +52
78 : #fef890 : +54
80 : #fef99a : +56
82 : #fefaa4 : +58
84 : #fefaae : +60
86 : #fefbb8 : +62
88 : #fefbc2 : +64
90 : #fefccd : +66
92 : #fffdd7 : +68
94 : #fffde1 : +70
96 : #fffeeb : +72
98 : #fffef5 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow