#007a66
RGB
赤 | 0 |
---|---|
緑 | 122 |
青 | 102 |
HSL
色相 | 170° |
---|---|
彩度 | 100% |
明度 | 24% |
輝度 | 33% |
3桁の色
補色
反転色
RGB ( 赤 = 0, 緑 = 122, 青 = 102 )
HSL ( 色相 = 170°, 彩度 = 100%, 明度 = 24% )
H : 色相 ( 170° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #7a0000 : -170
10 : #7a1400 : -160
20 : #7a2900 : -150
30 : #7a3d00 : -140
40 : #7a5200 : -130
50 : #7a6600 : -120
60 : #7a7a00 : -110
70 : #667a00 : -100
80 : #527a00 : -90
90 : #3d7a00 : -80
100 : #297a00 : -70
110 : #147a00 : -60
120 : #007a00 : -50
130 : #007a14 : -40
140 : #007a29 : -30
150 : #007a3d : -20
160 : #007a52 : -10
170 : #007a66 : ±0
180 : #007a7a : +10
190 : #00667a : +20
200 : #00527a : +30
210 : #003d7a : +40
220 : #00297a : +50
230 : #00147a : +60
240 : #00007a : +70
250 : #14007a : +80
260 : #29007a : +90
270 : #3d007a : +100
280 : #52007a : +110
290 : #66007a : +120
300 : #7a007a : +130
310 : #7a0066 : +140
320 : #7a0052 : +150
330 : #7a003d : +160
340 : #7a0029 : +170
350 : #7a0014 : +180
160 : #007a52 : -10
161 : #007a54 : -9
162 : #007a56 : -8
163 : #007a58 : -7
164 : #007a5a : -6
165 : #007a5c : -5
166 : #007a5e : -4
167 : #007a60 : -3
168 : #007a62 : -2
169 : #007a64 : -1
170 : #007a66 : ±0
171 : #007a68 : +1
172 : #007a6a : +2
173 : #007a6c : +3
174 : #007a6e : +4
175 : #007a70 : +5
176 : #007a72 : +6
177 : #007a74 : +7
178 : #007a76 : +8
179 : #007a78 : +9
180 : #007a7a : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -100
2 : #3c3e3e : -98
4 : #3b403f : -96
6 : #3a4140 : -94
8 : #384240 : -92
10 : #374341 : -90
12 : #364542 : -88
14 : #354643 : -86
16 : #334744 : -84
18 : #324845 : -82
20 : #314945 : -80
22 : #304b46 : -78
24 : #2f4c47 : -76
26 : #2d4d48 : -74
28 : #2c4e49 : -72
30 : #2b5049 : -70
32 : #2a514a : -68
34 : #28524b : -66
36 : #27534c : -64
38 : #26544d : -62
40 : #25564e : -60
42 : #23574e : -58
44 : #22584f : -56
46 : #215950 : -54
48 : #205b51 : -52
50 : #1f5c52 : -50
52 : #1d5d52 : -48
54 : #1c5e53 : -46
56 : #1b5f54 : -44
58 : #1a6155 : -42
60 : #186256 : -40
62 : #176356 : -38
64 : #166457 : -36
66 : #156658 : -34
68 : #146759 : -32
70 : #12685a : -30
72 : #11695b : -28
74 : #106a5b : -26
76 : #0f6c5c : -24
78 : #0d6d5d : -22
80 : #0c6e5e : -20
82 : #0b6f5f : -18
84 : #0a715f : -16
86 : #097260 : -14
88 : #077361 : -12
90 : #067462 : -10
92 : #057663 : -8
94 : #047764 : -6
96 : #027864 : -4
98 : #017965 : -2
100 : #007a66 : ±0
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #000a09 : -22
4 : #001411 : -20
6 : #001f1a : -18
8 : #002922 : -16
10 : #00332b : -14
12 : #003d33 : -12
14 : #00473c : -10
16 : #005244 : -8
18 : #005c4d : -6
20 : #006655 : -4
22 : #00705e : -2
24 : #007a66 : ±0
26 : #00856f : +2
28 : #008f77 : +4
30 : #009980 : +6
32 : #00a388 : +8
34 : #00ad91 : +10
36 : #00b899 : +12
38 : #00c2a2 : +14
40 : #00ccaa : +16
42 : #00d6b3 : +18
44 : #00e0bb : +20
46 : #00ebc4 : +22
48 : #00f5cc : +24
50 : #00ffd5 : +26
52 : #0affd6 : +28
54 : #14ffd8 : +30
56 : #1fffda : +32
58 : #29ffdb : +34
60 : #33ffdd : +36
62 : #3dffdf : +38
64 : #47ffe0 : +40
66 : #52ffe2 : +42
68 : #5cffe4 : +44
70 : #66ffe6 : +46
72 : #70ffe7 : +48
74 : #7affe9 : +50
76 : #85ffeb : +52
78 : #8fffec : +54
80 : #99ffee : +56
82 : #a3fff0 : +58
84 : #adfff1 : +60
86 : #b8fff3 : +62
88 : #c2fff5 : +64
90 : #ccfff7 : +66
92 : #d6fff8 : +68
94 : #e0fffa : +70
96 : #ebfffc : +72
98 : #f5fffd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow