#368d91
RGB
赤 | 54 |
---|---|
緑 | 141 |
青 | 145 |
HSL
色相 | 183° |
---|---|
彩度 | 46% |
明度 | 39% |
輝度 | 45% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 54, 緑 = 141, 青 = 145 )
HSL ( 色相 = 183°, 彩度 = 46%, 明度 = 39% )
H : 色相 ( 183° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #913a36 : -180
13 : #914a36 : -170
23 : #915936 : -160
33 : #916836 : -150
43 : #917736 : -140
53 : #918736 : -130
63 : #8d9136 : -120
73 : #7d9136 : -110
83 : #6e9136 : -100
93 : #5f9136 : -90
103 : #509136 : -80
113 : #409136 : -70
123 : #36913a : -60
133 : #36914a : -50
143 : #369159 : -40
153 : #369168 : -30
163 : #369177 : -20
173 : #369187 : -10
183 : #368d91 : ±0
193 : #367d91 : +10
203 : #366e91 : +20
213 : #365f91 : +30
223 : #365091 : +40
233 : #364091 : +50
243 : #3a3691 : +60
253 : #4a3691 : +70
263 : #593691 : +80
273 : #683691 : +90
283 : #773691 : +100
293 : #873691 : +110
303 : #91368d : +120
313 : #91367d : +130
323 : #91366e : +140
333 : #91365f : +150
343 : #913650 : +160
353 : #913640 : +170
173 : #369187 : -10
174 : #369188 : -9
175 : #36918a : -8
176 : #36918b : -7
177 : #36918d : -6
178 : #36918e : -5
179 : #369190 : -4
180 : #369191 : -3
181 : #369091 : -2
182 : #368e91 : -1
183 : #368d91 : ±0
184 : #368b91 : +1
185 : #368a91 : +2
186 : #368891 : +3
187 : #368791 : +4
188 : #368591 : +5
189 : #368391 : +6
190 : #368291 : +7
191 : #368091 : +8
192 : #367f91 : +9
193 : #367d91 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -46
2 : #616565 : -44
4 : #5f6767 : -42
6 : #5d6969 : -40
8 : #5b6b6b : -38
10 : #5a6c6d : -36
12 : #586e6f : -34
14 : #567071 : -32
16 : #547273 : -30
18 : #527475 : -28
20 : #507577 : -26
22 : #4e7779 : -24
24 : #4c797b : -22
26 : #4a7b7d : -20
28 : #487d7f : -18
30 : #467e81 : -16
32 : #448083 : -14
34 : #428285 : -12
36 : #408487 : -10
38 : #3e8589 : -8
40 : #3c878b : -6
42 : #3a898d : -4
44 : #388b8f : -2
46 : #368d91 : ±0
48 : #348e93 : +2
50 : #329095 : +4
52 : #309297 : +6
54 : #2e9499 : +8
56 : #2c969b : +10
58 : #2a979d : +12
60 : #28999f : +14
62 : #269ba1 : +16
64 : #249da3 : +18
66 : #229fa5 : +20
68 : #20a0a7 : +22
70 : #1ea2a9 : +24
72 : #1ca4ab : +26
74 : #1aa6ad : +28
76 : #18a7af : +30
78 : #16a9b1 : +32
80 : #14abb3 : +34
82 : #12adb5 : +36
84 : #10afb7 : +38
86 : #0eb0b9 : +40
88 : #0cb2bb : +42
90 : #0ab4bd : +44
92 : #08b6bf : +46
94 : #06b8c1 : +48
96 : #04b9c3 : +50
98 : #02bbc5 : +52
100 : #00bdc7 : +54
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -38
3 : #040b0b : -36
5 : #071213 : -34
7 : #0a191a : -32
9 : #0c2022 : -30
11 : #0f2829 : -28
13 : #122f30 : -26
15 : #153638 : -24
17 : #173d3f : -22
19 : #1a4547 : -20
21 : #1d4c4e : -18
23 : #205356 : -16
25 : #225a5d : -14
27 : #256165 : -12
29 : #28696c : -10
31 : #2b7073 : -8
33 : #2d777b : -6
35 : #307e82 : -4
37 : #33858a : -2
39 : #368d91 : ±0
41 : #389499 : +2
43 : #3b9ba0 : +4
45 : #3ea2a8 : +6
47 : #41a9af : +8
49 : #43b1b6 : +10
51 : #49b6bc : +12
53 : #50b9be : +14
55 : #57bcc1 : +16
57 : #5fbfc4 : +18
59 : #66c2c7 : +20
61 : #6ec5c9 : +22
63 : #75c8cc : +24
65 : #7dcbcf : +26
67 : #84ced2 : +28
69 : #8cd1d4 : +30
71 : #93d4d7 : +32
73 : #9ad7da : +34
75 : #a2dadd : +36
77 : #a9dddf : +38
79 : #b1e0e2 : +40
81 : #b8e3e5 : +42
83 : #c0e6e8 : +44
85 : #c7e9ea : +46
87 : #cfeced : +48
89 : #d6eff0 : +50
91 : #ddf2f3 : +52
93 : #e5f5f5 : +54
95 : #ecf8f8 : +56
97 : #f4fbfb : +58
99 : #fbfefe : +60
CSS入門、作ってます。
text-shadow