#136c1b
RGB
赤 | 19 |
---|---|
緑 | 108 |
青 | 27 |
HSL
色相 | 125° |
---|---|
彩度 | 70% |
明度 | 25% |
輝度 | 28% |
3桁の色
補色
反転色
RGB ( 赤 = 19, 緑 = 108, 青 = 27 )
HSL ( 色相 = 125°, 彩度 = 70%, 明度 = 25% )
H : 色相 ( 125° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c1b13 : -120
15 : #6c2913 : -110
25 : #6c3813 : -100
35 : #6c4713 : -90
45 : #6c5613 : -80
55 : #6c6513 : -70
65 : #656c13 : -60
75 : #566c13 : -50
85 : #476c13 : -40
95 : #386c13 : -30
105 : #296c13 : -20
115 : #1b6c13 : -10
125 : #136c1b : ±0
135 : #136c29 : +10
145 : #136c38 : +20
155 : #136c47 : +30
165 : #136c56 : +40
175 : #136c65 : +50
185 : #13656c : +60
195 : #13566c : +70
205 : #13476c : +80
215 : #13386c : +90
225 : #13296c : +100
235 : #131b6c : +110
245 : #1b136c : +120
255 : #29136c : +130
265 : #38136c : +140
275 : #47136c : +150
285 : #56136c : +160
295 : #65136c : +170
305 : #6c1365 : +180
315 : #6c1356 : +190
325 : #6c1347 : +200
335 : #6c1338 : +210
345 : #6c1329 : +220
355 : #6c131b : +230
115 : #1b6c13 : -10
116 : #196c13 : -9
117 : #186c13 : -8
118 : #166c13 : -7
119 : #156c13 : -6
120 : #136c13 : -5
121 : #136c15 : -4
122 : #136c16 : -3
123 : #136c18 : -2
124 : #136c19 : -1
125 : #136c1b : ±0
126 : #136c1c : +1
127 : #136c1e : +2
128 : #136c1f : +3
129 : #136c21 : +4
130 : #136c22 : +5
131 : #136c23 : +6
132 : #136c25 : +7
133 : #136c26 : +8
134 : #136c28 : +9
135 : #136c29 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -70
2 : #3e413f : -68
4 : #3d423e : -66
6 : #3c443d : -64
8 : #3b453c : -62
10 : #39463a : -60
12 : #384739 : -58
14 : #374938 : -56
16 : #364a37 : -54
18 : #344b36 : -52
20 : #334d35 : -50
22 : #324e34 : -48
24 : #304f33 : -46
26 : #2f5032 : -44
28 : #2e5231 : -42
30 : #2d5330 : -40
32 : #2b542f : -38
34 : #2a552e : -36
36 : #29572d : -34
38 : #28582c : -32
40 : #26592b : -30
42 : #255b29 : -28
44 : #245c28 : -26
46 : #225d27 : -24
48 : #215e26 : -22
50 : #206025 : -20
52 : #1f6124 : -18
54 : #1d6223 : -16
56 : #1c6322 : -14
58 : #1b6521 : -12
60 : #1a6620 : -10
62 : #18671f : -8
64 : #17691e : -6
66 : #166a1d : -4
68 : #146b1c : -2
70 : #136c1b : ±0
72 : #126e1a : +2
74 : #116f18 : +4
76 : #0f7017 : +6
78 : #0e7116 : +8
80 : #0d7315 : +10
82 : #0b7414 : +12
84 : #0a7513 : +14
86 : #097712 : +16
88 : #087811 : +18
90 : #067910 : +20
92 : #057a0f : +22
94 : #047c0e : +24
96 : #037d0d : +26
98 : #017e0c : +28
100 : #00800b : +30
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -24
3 : #020d03 : -22
5 : #041605 : -20
7 : #051e07 : -18
9 : #07270a : -16
11 : #08300c : -14
13 : #0a380e : -12
15 : #0b4110 : -10
17 : #0d4a12 : -8
19 : #0f5214 : -6
21 : #105b16 : -4
23 : #126418 : -2
25 : #136c1b : ±0
27 : #15751d : +2
29 : #167e1f : +4
31 : #188621 : +6
33 : #198f23 : +8
35 : #1b9825 : +10
37 : #1ca027 : +12
39 : #1ea929 : +14
41 : #1fb22c : +16
43 : #21ba2e : +18
45 : #22c330 : +20
47 : #24cc32 : +22
49 : #25d434 : +24
51 : #2bda39 : +26
53 : #33db41 : +28
55 : #3cdd49 : +30
57 : #45de51 : +32
59 : #4de059 : +34
61 : #56e162 : +36
63 : #5fe36a : +38
65 : #67e472 : +40
67 : #70e67a : +42
69 : #79e782 : +44
71 : #81e98a : +46
73 : #8aea92 : +48
75 : #93ec9a : +50
77 : #9beda2 : +52
79 : #a4efaa : +54
81 : #adf0b2 : +56
83 : #b5f2ba : +58
85 : #bef4c2 : +60
87 : #c7f5cb : +62
89 : #cff7d3 : +64
91 : #d8f8db : +66
93 : #e1fae3 : +68
95 : #e9fbeb : +70
97 : #f2fdf3 : +72
99 : #fbfefb : +74
CSS入門、作ってます。
text-shadow