#09a6fb
RGB
赤 | 9 |
---|---|
緑 | 166 |
青 | 251 |
HSL
色相 | 201° |
---|---|
彩度 | 97% |
明度 | 51% |
輝度 | 50% |
3桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 166, 青 = 251 )
HSL ( 色相 = 201°, 彩度 = 97%, 明度 = 51% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fb0d09 : -200
11 : #fb3509 : -190
21 : #fb5e09 : -180
31 : #fb8609 : -170
41 : #fbae09 : -160
51 : #fbd709 : -150
61 : #f7fb09 : -140
71 : #cffb09 : -130
81 : #a6fb09 : -120
91 : #7efb09 : -110
101 : #56fb09 : -100
111 : #2dfb09 : -90
121 : #09fb0d : -80
131 : #09fb35 : -70
141 : #09fb5e : -60
151 : #09fb86 : -50
161 : #09fbae : -40
171 : #09fbd7 : -30
181 : #09f7fb : -20
191 : #09cffb : -10
201 : #09a6fb : ±0
211 : #097efb : +10
221 : #0956fb : +20
231 : #092dfb : +30
241 : #0d09fb : +40
251 : #3509fb : +50
261 : #5e09fb : +60
271 : #8609fb : +70
281 : #ae09fb : +80
291 : #d709fb : +90
301 : #fb09f7 : +100
311 : #fb09cf : +110
321 : #fb09a6 : +120
331 : #fb097e : +130
341 : #fb0956 : +140
351 : #fb092d : +150
191 : #09cffb : -10
192 : #09cbfb : -9
193 : #09c7fb : -8
194 : #09c3fb : -7
195 : #09bffb : -6
196 : #09bbfb : -5
197 : #09b7fb : -4
198 : #09b3fb : -3
199 : #09aefb : -2
200 : #09aafb : -1
201 : #09a6fb : ±0
202 : #09a2fb : +1
203 : #099efb : +2
204 : #099afb : +3
205 : #0996fb : +4
206 : #0992fb : +5
207 : #098efb : +6
208 : #098afb : +7
209 : #0986fb : +8
210 : #0982fb : +9
211 : #097efb : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #818283 : -96
3 : #7e8386 : -94
5 : #7c8488 : -92
7 : #79858b : -90
9 : #77858d : -88
11 : #748690 : -86
13 : #728792 : -84
15 : #6f8895 : -82
17 : #6d8897 : -80
19 : #6a899a : -78
21 : #688a9c : -76
23 : #658b9f : -74
25 : #638ba1 : -72
27 : #608ca4 : -70
29 : #5e8da6 : -68
31 : #5b8ea9 : -66
33 : #598eab : -64
35 : #568fae : -62
37 : #5490b0 : -60
39 : #5191b3 : -58
41 : #4f91b5 : -56
43 : #4c92b8 : -54
45 : #4a93ba : -52
47 : #4794bd : -50
49 : #4594bf : -48
51 : #4295c2 : -46
53 : #4096c4 : -44
55 : #3d97c7 : -42
57 : #3b97c9 : -40
59 : #3898cc : -38
61 : #3699ce : -36
63 : #339ad1 : -34
65 : #319ad3 : -32
67 : #2e9bd6 : -30
69 : #2c9cd8 : -28
71 : #299ddb : -26
73 : #279ddd : -24
75 : #249ee0 : -22
77 : #229fe2 : -20
79 : #1fa0e5 : -18
81 : #1da0e7 : -16
83 : #1aa1ea : -14
85 : #18a2ec : -12
87 : #15a3ef : -10
89 : #13a3f1 : -8
91 : #10a4f4 : -6
93 : #0ea5f6 : -4
95 : #0ba6f9 : -2
97 : #09a6fb : ±0
99 : #06a7fe : +2
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #000305 : -50
3 : #000a0f : -48
5 : #001019 : -46
7 : #011723 : -44
9 : #011e2d : -42
11 : #012437 : -40
13 : #012b41 : -38
15 : #01314b : -36
17 : #013855 : -34
19 : #013f5f : -32
21 : #024569 : -30
23 : #024c74 : -28
25 : #02527e : -26
27 : #025988 : -24
29 : #025f92 : -22
31 : #02669c : -20
33 : #036da6 : -18
35 : #0373b0 : -16
37 : #037aba : -14
39 : #0380c4 : -12
41 : #0387ce : -10
43 : #038ed8 : -8
45 : #0394e2 : -6
47 : #049bec : -4
49 : #04a1f6 : -2
51 : #09a6fb : ±0
53 : #13aafb : +2
55 : #1daefc : +4
57 : #27b1fc : +6
59 : #31b5fc : +8
61 : #3bb8fc : +10
63 : #45bcfc : +12
65 : #4fc0fc : +14
67 : #59c3fc : +16
69 : #63c7fd : +18
71 : #6dcbfd : +20
73 : #77cefd : +22
75 : #81d2fd : +24
77 : #8bd5fd : +26
79 : #96d9fd : +28
81 : #a0ddfe : +30
83 : #aae0fe : +32
85 : #b4e4fe : +34
87 : #bee7fe : +36
89 : #c8ebfe : +38
91 : #d2effe : +40
93 : #dcf2fe : +42
95 : #e6f6ff : +44
97 : #f0faff : +46
99 : #fafdff : +48
CSS入門、作ってます。
text-shadow