#1c6870
RGB
赤 | 28 |
---|---|
緑 | 104 |
青 | 112 |
HSL
色相 | 186° |
---|---|
彩度 | 60% |
明度 | 27% |
輝度 | 32% |
3桁の色
補色
反転色
RGB ( 赤 = 28, 緑 = 104, 青 = 112 )
HSL ( 色相 = 186°, 彩度 = 60%, 明度 = 27% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6e241c : -180
16 : #6e321c : -170
26 : #6e3f1c : -160
36 : #6e4d1c : -150
46 : #6e5b1c : -140
56 : #6e691c : -130
66 : #666e1c : -120
76 : #586e1c : -110
86 : #4a6e1c : -100
96 : #3d6e1c : -90
106 : #2f6e1c : -80
116 : #216e1c : -70
126 : #1c6e24 : -60
136 : #1c6e32 : -50
146 : #1c6e3f : -40
156 : #1c6e4d : -30
166 : #1c6e5b : -20
176 : #1c6e69 : -10
186 : #1c666e : ±0
196 : #1c586e : +10
206 : #1c4a6e : +20
216 : #1c3d6e : +30
226 : #1c2f6e : +40
236 : #1c216e : +50
246 : #241c6e : +60
256 : #321c6e : +70
266 : #3f1c6e : +80
276 : #4d1c6e : +90
286 : #5b1c6e : +100
296 : #691c6e : +110
306 : #6e1c66 : +120
316 : #6e1c58 : +130
326 : #6e1c4a : +140
336 : #6e1c3d : +150
346 : #6e1c2f : +160
356 : #6e1c21 : +170
176 : #1c6e69 : -10
177 : #1c6e6a : -9
178 : #1c6e6b : -8
179 : #1c6e6d : -7
180 : #1c6e6e : -6
181 : #1c6d6e : -5
182 : #1c6b6e : -4
183 : #1c6a6e : -3
184 : #1c696e : -2
185 : #1c676e : -1
186 : #1c666e : ±0
187 : #1c656e : +1
188 : #1c636e : +2
189 : #1c626e : +3
190 : #1c606e : +4
191 : #1c5f6e : +5
192 : #1c5e6e : +6
193 : #1c5c6e : +7
194 : #1c5b6e : +8
195 : #1c5a6e : +9
196 : #1c586e : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -60
2 : #434646 : -58
4 : #424748 : -56
6 : #414849 : -54
8 : #3f494a : -52
10 : #3e4a4c : -50
12 : #3d4b4d : -48
14 : #3b4d4e : -46
16 : #3a4e50 : -44
18 : #384f51 : -42
20 : #375053 : -40
22 : #365154 : -38
24 : #345255 : -36
26 : #335357 : -34
28 : #325458 : -32
30 : #30555a : -30
32 : #2f565b : -28
34 : #2d585c : -26
36 : #2c595e : -24
38 : #2b5a5f : -22
40 : #295b60 : -20
42 : #285c62 : -18
44 : #275d63 : -16
46 : #255e65 : -14
48 : #245f66 : -12
50 : #226067 : -10
52 : #216169 : -8
54 : #20636a : -6
56 : #1e646b : -4
58 : #1d656d : -2
60 : #1c666e : ±0
62 : #1a6770 : +2
64 : #196871 : +4
66 : #176972 : +6
68 : #166a74 : +8
70 : #156b75 : +10
72 : #136d76 : +12
74 : #126e78 : +14
76 : #116f79 : +16
78 : #0f707b : +18
80 : #0e717c : +20
82 : #0c727d : +22
84 : #0b737f : +24
86 : #0a7480 : +26
88 : #087581 : +28
90 : #077683 : +30
92 : #067884 : +32
94 : #047986 : +34
96 : #037a87 : +36
98 : #017b88 : +38
100 : #007c8a : +40
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -26
3 : #030b0c : -24
5 : #051314 : -22
7 : #071a1d : -20
9 : #092225 : -18
11 : #0b2a2d : -16
13 : #0d3135 : -14
15 : #0f393d : -12
17 : #114045 : -10
19 : #13484e : -8
21 : #154f56 : -6
23 : #17575e : -4
25 : #1a5e66 : -2
27 : #1c666e : ±0
29 : #1e6d76 : +2
31 : #20757e : +4
33 : #227d87 : +6
35 : #24848f : +8
37 : #268c97 : +10
39 : #28939f : +12
41 : #2a9ba7 : +14
43 : #2ca2af : +16
45 : #2eaab8 : +18
47 : #30b1c0 : +20
49 : #32b9c8 : +22
51 : #37becd : +24
53 : #3fc1cf : +26
55 : #47c3d1 : +28
57 : #50c6d3 : +30
59 : #58c9d5 : +32
61 : #60cbd7 : +34
63 : #68ced9 : +36
65 : #70d1db : +38
67 : #78d3dd : +40
69 : #81d6df : +42
71 : #89d9e1 : +44
73 : #91dbe3 : +46
75 : #99dee6 : +48
77 : #a1e1e8 : +50
79 : #a9e3ea : +52
81 : #b1e6ec : +54
83 : #bae8ee : +56
85 : #c2ebf0 : +58
87 : #caeef2 : +60
89 : #d2f0f4 : +62
91 : #daf3f6 : +64
93 : #e2f6f8 : +66
95 : #ebf8fa : +68
97 : #f3fbfc : +70
99 : #fbfefe : +72
CSS入門、作ってます。
text-shadow