#096d52
RGB
| 赤 | 9 |
|---|---|
| 緑 | 109 |
| 青 | 82 |
HSL
| 色相 | 164° |
|---|---|
| 彩度 | 85% |
| 明度 | 23% |
| 輝度 | 30% |
３桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 109, 青 = 82 )
HSL ( 色相 = 164°, 彩度 = 85%, 明度 = 23% )
H : 色相 ( 164° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #6d0f09 : -160
14 : #6d2009 : -150
24 : #6d3109 : -140
34 : #6d4109 : -130
44 : #6d5209 : -120
54 : #6d6309 : -110
64 : #666d09 : -100
74 : #556d09 : -90
84 : #456d09 : -80
94 : #346d09 : -70
104 : #236d09 : -60
114 : #136d09 : -50
124 : #096d0f : -40
134 : #096d20 : -30
144 : #096d31 : -20
154 : #096d41 : -10
164 : #096d52 : ±0
174 : #096d63 : +10
184 : #09666d : +20
194 : #09556d : +30
204 : #09456d : +40
214 : #09346d : +50
224 : #09236d : +60
234 : #09136d : +70
244 : #0f096d : +80
254 : #20096d : +90
264 : #31096d : +100
274 : #41096d : +110
284 : #52096d : +120
294 : #63096d : +130
304 : #6d0966 : +140
314 : #6d0955 : +150
324 : #6d0945 : +160
334 : #6d0934 : +170
344 : #6d0923 : +180
354 : #6d0913 : +190
154 : #096d41 : -10
155 : #096d43 : -9
156 : #096d45 : -8
157 : #096d46 : -7
158 : #096d48 : -6
159 : #096d4a : -5
160 : #096d4b : -4
161 : #096d4d : -3
162 : #096d4f : -2
163 : #096d50 : -1
164 : #096d52 : ±0
165 : #096d54 : +1
166 : #096d55 : +2
167 : #096d57 : +3
168 : #096d59 : +4
169 : #096d5a : +5
170 : #096d5c : +6
171 : #096d5e : +7
172 : #096d5f : +8
173 : #096d61 : +9
174 : #096d63 : +10
S : 彩度 ( 85% )
(0%) 渋い ～ 鮮やか (100%)
1 : #3a3b3b : -84
3 : #393c3b : -82
5 : #383e3c : -80
7 : #373f3d : -78
9 : #35403d : -76
11 : #34413e : -74
13 : #33423e : -72
15 : #32433f : -70
17 : #31453f : -68
19 : #304640 : -66
21 : #2e4740 : -64
23 : #2d4841 : -62
25 : #2c4941 : -60
27 : #2b4a42 : -58
29 : #2a4c43 : -56
31 : #284d43 : -54
33 : #274e44 : -52
35 : #264f44 : -50
37 : #255045 : -48
39 : #245245 : -46
41 : #235346 : -44
43 : #215446 : -42
45 : #205547 : -40
47 : #1f5648 : -38
49 : #1e5748 : -36
51 : #1d5949 : -34
53 : #1c5a49 : -32
55 : #1a5b4a : -30
57 : #195c4a : -28
59 : #185d4b : -26
61 : #175e4b : -24
63 : #16604c : -22
65 : #15614c : -20
67 : #13624d : -18
69 : #12634e : -16
71 : #11644e : -14
73 : #10654f : -12
75 : #0f674f : -10
77 : #0d6850 : -8
79 : #0c6950 : -6
81 : #0b6a51 : -4
83 : #0a6b51 : -2
85 : #096d52 : ±0
87 : #086e52 : +2
89 : #066f53 : +4
91 : #057054 : +6
93 : #047154 : +8
95 : #037255 : +10
97 : #027455 : +12
99 : #017556 : +14
L : 明度 ( 23% )
(0%) 暗い ～ 明るい (100%)
1 : #000504 : -22
3 : #010e0b : -20
5 : #021812 : -18
7 : #032119 : -16
9 : #032a20 : -14
11 : #043427 : -12
13 : #053d2e : -10
15 : #064735 : -8
17 : #07503d : -6
19 : #075a44 : -4
21 : #08634b : -2
23 : #096d52 : ±0
25 : #0a7659 : +2
27 : #0a7f60 : +4
29 : #0b8967 : +6
31 : #0c926e : +8
33 : #0d9c76 : +10
35 : #0da57d : +12
37 : #0eaf84 : +14
39 : #0fb88b : +16
41 : #10c192 : +18
43 : #10cb99 : +20
45 : #11d4a0 : +22
47 : #12dea7 : +24
49 : #13e7af : +26
51 : #18ecb4 : +28
53 : #21edb7 : +30
55 : #2beeba : +32
57 : #34efbd : +34
59 : #3eefc0 : +36
61 : #47f0c3 : +38
63 : #50f1c6 : +40
65 : #5af2c9 : +42
67 : #63f2cc : +44
69 : #6df3cf : +46
71 : #76f4d2 : +48
73 : #80f5d5 : +50
75 : #89f5d9 : +52
77 : #92f6dc : +54
79 : #9cf7df : +56
81 : #a5f8e2 : +58
83 : #aff8e5 : +60
85 : #b8f9e8 : +62
87 : #c2faeb : +64
89 : #cbfbee : +66
91 : #d5fcf1 : +68
93 : #defcf4 : +70
95 : #e7fdf7 : +72
97 : #f1fefa : +74
99 : #fafffd : +76
CSS入門、作ってます。
text-shadow