#607916
RGB
| 赤 | 96 |
|---|---|
| 緑 | 121 |
| 青 | 22 |
HSL
| 色相 | 75° |
|---|---|
| 彩度 | 69% |
| 明度 | 28% |
| 輝度 | 40% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 96, 緑 = 121, 青 = 22 )
HSL ( 色相 = 75°, 彩度 = 69%, 明度 = 28% )
H : 色相 ( 75° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #791e16 : -70
15 : #792f16 : -60
25 : #793f16 : -50
35 : #795016 : -40
45 : #796016 : -30
55 : #797016 : -20
65 : #707916 : -10
75 : #607916 : ±0
85 : #507916 : +10
95 : #3f7916 : +20
105 : #2f7916 : +30
115 : #1e7916 : +40
125 : #16791e : +50
135 : #16792f : +60
145 : #16793f : +70
155 : #167950 : +80
165 : #167960 : +90
175 : #167970 : +100
185 : #167079 : +110
195 : #166079 : +120
205 : #165079 : +130
215 : #163f79 : +140
225 : #162f79 : +150
235 : #161e79 : +160
245 : #1e1679 : +170
255 : #2f1679 : +180
265 : #3f1679 : +190
275 : #501679 : +200
285 : #601679 : +210
295 : #701679 : +220
305 : #791670 : +230
315 : #791660 : +240
325 : #791650 : +250
335 : #79163f : +260
345 : #79162f : +270
355 : #79161e : +280
65 : #707916 : -10
66 : #6f7916 : -9
67 : #6d7916 : -8
68 : #6c7916 : -7
69 : #6a7916 : -6
70 : #687916 : -5
71 : #677916 : -4
72 : #657916 : -3
73 : #637916 : -2
74 : #627916 : -1
75 : #607916 : ±0
76 : #5e7916 : +1
77 : #5d7916 : +2
78 : #5b7916 : +3
79 : #597916 : +4
80 : #587916 : +5
81 : #567916 : +6
82 : #557916 : +7
83 : #537916 : +8
84 : #517916 : +9
85 : #507916 : +10
S : 彩度 ( 69% )
(0%) 渋い ～ 鮮やか (100%)
1 : #484847 : -68
3 : #484a45 : -66
5 : #494b44 : -64
7 : #4a4c42 : -62
9 : #4b4e41 : -60
11 : #4b4f40 : -58
13 : #4c513e : -56
15 : #4d523d : -54
17 : #4d543b : -52
19 : #4e553a : -50
21 : #4f5638 : -48
23 : #505837 : -46
25 : #505936 : -44
27 : #515b34 : -42
29 : #525c33 : -40
31 : #525e31 : -38
33 : #535f30 : -36
35 : #54602e : -34
37 : #55622d : -32
39 : #55632c : -30
41 : #56652a : -28
43 : #576629 : -26
45 : #576827 : -24
47 : #586926 : -22
49 : #596a24 : -20
51 : #5a6c23 : -18
53 : #5a6d22 : -16
55 : #5b6f20 : -14
57 : #5c701f : -12
59 : #5c721d : -10
61 : #5d731c : -8
63 : #5e741a : -6
65 : #5f7619 : -4
67 : #5f7718 : -2
69 : #607916 : ±0
71 : #617a15 : +2
73 : #617c13 : +4
75 : #627d12 : +6
77 : #637e10 : +8
79 : #64800f : +10
81 : #64810e : +12
83 : #65830c : +14
85 : #66840b : +16
87 : #668609 : +18
89 : #678708 : +20
91 : #688806 : +22
93 : #698a05 : +24
95 : #698b04 : +26
97 : #6a8d02 : +28
99 : #6b8e01 : +30
L : 明度 ( 28% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -28
2 : #070902 : -26
4 : #0e1103 : -24
6 : #151a05 : -22
8 : #1b2206 : -20
10 : #222b08 : -18
12 : #293409 : -16
14 : #303c0b : -14
16 : #37450d : -12
18 : #3e4e0e : -10
20 : #455610 : -8
22 : #4b5f11 : -6
24 : #526713 : -4
26 : #597015 : -2
28 : #607916 : ±0
30 : #678118 : +2
32 : #6e8a19 : +4
34 : #75931b : +6
36 : #7b9b1c : +8
38 : #82a41e : +10
40 : #89ac20 : +12
42 : #90b521 : +14
44 : #97be23 : +16
46 : #9ec624 : +18
48 : #a5cf26 : +20
50 : #abd728 : +22
52 : #afd930 : +24
54 : #b2db39 : +26
56 : #b6dc41 : +28
58 : #b9de4a : +30
60 : #bcdf53 : +32
62 : #c0e15b : +34
64 : #c3e364 : +36
66 : #c6e46c : +38
68 : #cae675 : +40
70 : #cde77e : +42
72 : #d0e986 : +44
74 : #d4ea8f : +46
76 : #d7ec98 : +48
78 : #daeea0 : +50
80 : #deefa9 : +52
82 : #e1f1b1 : +54
84 : #e4f2ba : +56
86 : #e8f4c3 : +58
88 : #ebf6cb : +60
90 : #eef7d4 : +62
92 : #f2f9dd : +64
94 : #f5fae5 : +66
96 : #f8fcee : +68
98 : #fcfdf6 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow