#086090
RGB
赤 | 8 |
---|---|
緑 | 96 |
青 | 144 |
HSL
色相 | 201° |
---|---|
彩度 | 89% |
明度 | 30% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 8, 緑 = 96, 青 = 144 )
HSL ( 色相 = 201°, 彩度 = 89%, 明度 = 30% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #910b08 : -200
11 : #912108 : -190
21 : #913808 : -180
31 : #914f08 : -170
41 : #916508 : -160
51 : #917c08 : -150
61 : #8e9108 : -140
71 : #789108 : -130
81 : #619108 : -120
91 : #4a9108 : -110
101 : #349108 : -100
111 : #1d9108 : -90
121 : #08910b : -80
131 : #089121 : -70
141 : #089138 : -60
151 : #08914f : -50
161 : #089165 : -40
171 : #08917c : -30
181 : #088e91 : -20
191 : #087891 : -10
201 : #086191 : ±0
211 : #084a91 : +10
221 : #083491 : +20
231 : #081d91 : +30
241 : #0b0891 : +40
251 : #210891 : +50
261 : #380891 : +60
271 : #4f0891 : +70
281 : #650891 : +80
291 : #7c0891 : +90
301 : #91088e : +100
311 : #910878 : +110
321 : #910861 : +120
331 : #91084a : +130
341 : #910834 : +140
351 : #91081d : +150
191 : #087891 : -10
192 : #087591 : -9
193 : #087391 : -8
194 : #087191 : -7
195 : #086f91 : -6
196 : #086c91 : -5
197 : #086a91 : -4
198 : #086891 : -3
199 : #086591 : -2
200 : #086391 : -1
201 : #086191 : ±0
202 : #085f91 : +1
203 : #085c91 : +2
204 : #085a91 : +3
205 : #085891 : +4
206 : #085691 : +5
207 : #085391 : +6
208 : #085191 : +7
209 : #084f91 : +8
210 : #084d91 : +9
211 : #084a91 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4c4d4d : -88
3 : #4a4d4f : -86
5 : #494e50 : -84
7 : #474e52 : -82
9 : #464f53 : -80
11 : #444f55 : -78
13 : #434f56 : -76
15 : #415058 : -74
17 : #3f505a : -72
19 : #3e515b : -70
21 : #3c515d : -68
23 : #3b525e : -66
25 : #395260 : -64
27 : #385361 : -62
29 : #365363 : -60
31 : #355464 : -58
33 : #335466 : -56
35 : #325567 : -54
37 : #305569 : -52
39 : #2f556a : -50
41 : #2d566c : -48
43 : #2c566d : -46
45 : #2a576f : -44
47 : #295770 : -42
49 : #275872 : -40
51 : #255874 : -38
53 : #245975 : -36
55 : #225977 : -34
57 : #215a78 : -32
59 : #1f5a7a : -30
61 : #1e5a7b : -28
63 : #1c5b7d : -26
65 : #1b5b7e : -24
67 : #195c80 : -22
69 : #185c81 : -20
71 : #165d83 : -18
73 : #155d84 : -16
75 : #135e86 : -14
77 : #125e87 : -12
79 : #105f89 : -10
81 : #0f5f8a : -8
83 : #0d608c : -6
85 : #0b608e : -4
87 : #0a608f : -2
89 : #086191 : ±0
91 : #076192 : +2
93 : #056294 : +4
95 : #046295 : +6
97 : #026397 : +8
99 : #016398 : +10
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #01060a : -28
4 : #010d13 : -26
6 : #02131d : -24
8 : #021a27 : -22
10 : #032030 : -20
12 : #03273a : -18
14 : #042d43 : -16
16 : #04344d : -14
18 : #053a57 : -12
20 : #064160 : -10
22 : #06476a : -8
24 : #074e74 : -6
26 : #07547d : -4
28 : #085a87 : -2
30 : #086191 : ±0
32 : #09679a : +2
34 : #0a6ea4 : +4
36 : #0a74ae : +6
38 : #0b7bb7 : +8
40 : #0b81c1 : +10
42 : #0c88ca : +12
44 : #0c8ed4 : +14
46 : #0d95de : +16
48 : #0d9be7 : +18
50 : #0ea2f1 : +20
52 : #18a5f2 : +22
54 : #21a9f2 : +24
56 : #2badf3 : +26
58 : #35b0f3 : +28
60 : #3eb4f4 : +30
62 : #48b8f4 : +32
64 : #51bcf5 : +34
66 : #5bbff5 : +36
68 : #65c3f6 : +38
70 : #6ec7f7 : +40
72 : #78cbf7 : +42
74 : #82cef8 : +44
76 : #8bd2f8 : +46
78 : #95d6f9 : +48
80 : #9fdaf9 : +50
82 : #a8ddfa : +52
84 : #b2e1fb : +54
86 : #bce5fb : +56
88 : #c5e9fc : +58
90 : #cfecfc : +60
92 : #d8f0fd : +62
94 : #e2f4fd : +64
96 : #ecf8fe : +66
98 : #f5fbfe : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow