#7a4c10
RGB
赤 | 122 |
---|---|
緑 | 76 |
青 | 16 |
HSL
色相 | 34° |
---|---|
彩度 | 77% |
明度 | 27% |
輝度 | 33% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 122, 緑 = 76, 青 = 16 )
HSL ( 色相 = 34°, 彩度 = 77%, 明度 = 27% )
H : 色相 ( 34° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7a1710 : -30
14 : #7a2910 : -20
24 : #7a3a10 : -10
34 : #7a4c10 : ±0
44 : #7a5e10 : +10
54 : #7a6f10 : +20
64 : #737a10 : +30
74 : #617a10 : +40
84 : #4f7a10 : +50
94 : #3e7a10 : +60
104 : #2c7a10 : +70
114 : #1a7a10 : +80
124 : #107a17 : +90
134 : #107a29 : +100
144 : #107a3a : +110
154 : #107a4c : +120
164 : #107a5e : +130
174 : #107a6f : +140
184 : #10737a : +150
194 : #10617a : +160
204 : #104f7a : +170
214 : #103e7a : +180
224 : #102c7a : +190
234 : #101a7a : +200
244 : #17107a : +210
254 : #29107a : +220
264 : #3a107a : +230
274 : #4c107a : +240
284 : #5e107a : +250
294 : #6f107a : +260
304 : #7a1073 : +270
314 : #7a1061 : +280
324 : #7a104f : +290
334 : #7a103e : +300
344 : #7a102c : +310
354 : #7a101a : +320
24 : #7a3a10 : -10
25 : #7a3c10 : -9
26 : #7a3e10 : -8
27 : #7a4010 : -7
28 : #7a4110 : -6
29 : #7a4310 : -5
30 : #7a4510 : -4
31 : #7a4710 : -3
32 : #7a4810 : -2
33 : #7a4a10 : -1
34 : #7a4c10 : ±0
35 : #7a4e10 : +1
36 : #7a4f10 : +2
37 : #7a5110 : +3
38 : #7a5310 : +4
39 : #7a5510 : +5
40 : #7a5710 : +6
41 : #7a5810 : +7
42 : #7a5a10 : +8
43 : #7a5c10 : +9
44 : #7a5e10 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -76
3 : #474543 : -74
5 : #484541 : -72
7 : #4a4540 : -70
9 : #4b463f : -68
11 : #4c463d : -66
13 : #4e463c : -64
15 : #4f463b : -62
17 : #514639 : -60
19 : #524738 : -58
21 : #534736 : -56
23 : #554735 : -54
25 : #564734 : -52
27 : #574732 : -50
29 : #594831 : -48
31 : #5a4830 : -46
33 : #5c482e : -44
35 : #5d482d : -42
37 : #5e482b : -40
39 : #60482a : -38
41 : #614929 : -36
43 : #624927 : -34
45 : #644926 : -32
47 : #654924 : -30
49 : #674923 : -28
51 : #684a22 : -26
53 : #694a20 : -24
55 : #6b4a1f : -22
57 : #6c4a1e : -20
59 : #6d4a1c : -18
61 : #6f4a1b : -16
63 : #704b19 : -14
65 : #724b18 : -12
67 : #734b17 : -10
69 : #744b15 : -8
71 : #764b14 : -6
73 : #774c13 : -4
75 : #784c11 : -2
77 : #7a4c10 : ±0
79 : #7b4c0e : +2
81 : #7d4c0d : +4
83 : #7e4c0c : +6
85 : #7f4d0a : +8
87 : #814d09 : +10
89 : #824d08 : +12
91 : #844d06 : +14
93 : #854d05 : +16
95 : #864e03 : +18
97 : #884e02 : +20
99 : #894e01 : +22
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050301 : -26
3 : #0e0802 : -24
5 : #170e03 : -22
7 : #201404 : -20
9 : #291905 : -18
11 : #321f06 : -16
13 : #3b2508 : -14
15 : #442a09 : -12
17 : #4d300a : -10
19 : #56350b : -8
21 : #5f3b0c : -6
23 : #68410d : -4
25 : #71460f : -2
27 : #7a4c10 : ±0
29 : #835211 : +2
31 : #8c5712 : +4
33 : #955d13 : +6
35 : #9e6215 : +8
37 : #a76816 : +10
39 : #b06e17 : +12
41 : #b97318 : +14
43 : #c27919 : +16
45 : #cb7f1a : +18
47 : #d4841c : +20
49 : #dd8a1d : +22
51 : #e28f22 : +24
53 : #e3932b : +26
55 : #e59834 : +28
57 : #e69d3d : +30
59 : #e7a146 : +32
61 : #e8a64f : +34
63 : #e9aa58 : +36
65 : #eaaf61 : +38
67 : #ecb36a : +40
69 : #edb873 : +42
71 : #eebd7c : +44
73 : #efc185 : +46
75 : #f0c68e : +48
77 : #f2ca97 : +50
79 : #f3cfa0 : +52
81 : #f4d4a9 : +54
83 : #f5d8b2 : +56
85 : #f6ddbb : +58
87 : #f7e1c4 : +60
89 : #f9e6cd : +62
91 : #faead6 : +64
93 : #fbefdf : +66
95 : #fcf4e8 : +68
97 : #fdf8f1 : +70
99 : #fefdfa : +72
CSS入門、作ってます。
text-shadow