#237865
RGB
| 赤 | 35 |
|---|---|
| 緑 | 120 |
| 青 | 101 |
HSL
| 色相 | 167° |
|---|---|
| 彩度 | 55% |
| 明度 | 30% |
| 輝度 | 36% |
３桁の色
補色
反転色
RGB ( 赤 = 35, 緑 = 120, 青 = 101 )
HSL ( 色相 = 167°, 彩度 = 55%, 明度 = 30% )
H : 色相 ( 167° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #772c22 : -160
17 : #773a22 : -150
27 : #774822 : -140
37 : #775622 : -130
47 : #776422 : -120
57 : #777222 : -110
67 : #6d7722 : -100
77 : #5f7722 : -90
87 : #517722 : -80
97 : #437722 : -70
107 : #357722 : -60
117 : #277722 : -50
127 : #22772c : -40
137 : #22773a : -30
147 : #227748 : -20
157 : #227756 : -10
167 : #227764 : ±0
177 : #227772 : +10
187 : #226d77 : +20
197 : #225f77 : +30
207 : #225177 : +40
217 : #224377 : +50
227 : #223577 : +60
237 : #222777 : +70
247 : #2c2277 : +80
257 : #3a2277 : +90
267 : #482277 : +100
277 : #562277 : +110
287 : #642277 : +120
297 : #722277 : +130
307 : #77226d : +140
317 : #77225f : +150
327 : #772251 : +160
337 : #772243 : +170
347 : #772235 : +180
357 : #772227 : +190
157 : #227756 : -10
158 : #227758 : -9
159 : #227759 : -8
160 : #22775b : -7
161 : #22775c : -6
162 : #22775d : -5
163 : #22775f : -4
164 : #227760 : -3
165 : #227762 : -2
166 : #227763 : -1
167 : #227764 : ±0
168 : #227766 : +1
169 : #227767 : +2
170 : #227769 : +3
171 : #22776a : +4
172 : #22776b : +5
173 : #22776d : +6
174 : #22776e : +7
175 : #227770 : +8
176 : #227771 : +9
177 : #227772 : +10
S : 彩度 ( 55% )
(0%) 渋い ～ 鮮やか (100%)
1 : #4c4d4d : -54
3 : #4a4f4e : -52
5 : #49504f : -50
7 : #475250 : -48
9 : #465350 : -46
11 : #445551 : -44
13 : #435652 : -42
15 : #415853 : -40
17 : #3f5a54 : -38
19 : #3e5b55 : -36
21 : #3c5d56 : -34
23 : #3b5e56 : -32
25 : #396057 : -30
27 : #386158 : -28
29 : #366359 : -26
31 : #35645a : -24
33 : #33665b : -22
35 : #32675c : -20
37 : #30695d : -18
39 : #2f6a5d : -16
41 : #2d6c5e : -14
43 : #2c6d5f : -12
45 : #2a6f60 : -10
47 : #297061 : -8
49 : #277262 : -6
51 : #257463 : -4
53 : #247563 : -2
55 : #227764 : ±0
57 : #217865 : +2
59 : #1f7a66 : +4
61 : #1e7b67 : +6
63 : #1c7d68 : +8
65 : #1b7e69 : +10
67 : #19806a : +12
69 : #18816a : +14
71 : #16836b : +16
73 : #15846c : +18
75 : #13866d : +20
77 : #12876e : +22
79 : #10896f : +24
81 : #0f8a70 : +26
83 : #0d8c70 : +28
85 : #0b8e71 : +30
87 : #0a8f72 : +32
89 : #089173 : +34
91 : #079274 : +36
93 : #059475 : +38
95 : #049576 : +40
97 : #029777 : +42
99 : #019877 : +44
L : 明度 ( 30% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -30
2 : #020807 : -28
4 : #05100d : -26
6 : #071814 : -24
8 : #09201b : -22
10 : #0b2821 : -20
12 : #0e2f28 : -18
14 : #10372f : -16
16 : #123f36 : -14
18 : #15473c : -12
20 : #174f43 : -10
22 : #19574a : -8
24 : #1c5f50 : -6
26 : #1e6757 : -4
28 : #206f5e : -2
30 : #227764 : ±0
32 : #257e6b : +2
34 : #278672 : +4
36 : #298e78 : +6
38 : #2c967f : +8
40 : #2e9e86 : +10
42 : #30a68c : +12
44 : #32ae93 : +14
46 : #35b69a : +16
48 : #37bea1 : +18
50 : #39c6a7 : +20
52 : #41c8ab : +22
54 : #49caae : +24
56 : #51cdb2 : +26
58 : #59cfb5 : +28
60 : #61d1b9 : +30
62 : #69d3bc : +32
64 : #71d6c0 : +34
66 : #79d8c3 : +36
68 : #81dac7 : +38
70 : #88ddca : +40
72 : #90dfce : +42
74 : #98e1d1 : +44
76 : #a0e3d5 : +46
78 : #a8e6d8 : +48
80 : #b0e8dc : +50
82 : #b8eadf : +52
84 : #c0ede3 : +54
86 : #c8efe6 : +56
88 : #d0f1ea : +58
90 : #d7f4ed : +60
92 : #dff6f1 : +62
94 : #e7f8f4 : +64
96 : #effaf8 : +66
98 : #f7fdfb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow