#09fbef
RGB
| 赤 | 9 |
|---|---|
| 緑 | 251 |
| 青 | 239 |
HSL
| 色相 | 177° |
|---|---|
| 彩度 | 97% |
| 明度 | 51% |
| 輝度 | 70% |
３桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 251, 青 = 239 )
HSL ( 色相 = 177°, 彩度 = 97%, 明度 = 51% )
H : 色相 ( 177° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #fb2509 : -170
17 : #fb4e09 : -160
27 : #fb7609 : -150
37 : #fb9e09 : -140
47 : #fbc709 : -130
57 : #fbef09 : -120
67 : #dffb09 : -110
77 : #b7fb09 : -100
87 : #8efb09 : -90
97 : #66fb09 : -80
107 : #3dfb09 : -70
117 : #15fb09 : -60
127 : #09fb25 : -50
137 : #09fb4e : -40
147 : #09fb76 : -30
157 : #09fb9e : -20
167 : #09fbc7 : -10
177 : #09fbef : ±0
187 : #09dffb : +10
197 : #09b7fb : +20
207 : #098efb : +30
217 : #0966fb : +40
227 : #093dfb : +50
237 : #0915fb : +60
247 : #2509fb : +70
257 : #4e09fb : +80
267 : #7609fb : +90
277 : #9e09fb : +100
287 : #c709fb : +110
297 : #ef09fb : +120
307 : #fb09df : +130
317 : #fb09b7 : +140
327 : #fb098e : +150
337 : #fb0966 : +160
347 : #fb093d : +170
357 : #fb0915 : +180
167 : #09fbc7 : -10
168 : #09fbcb : -9
169 : #09fbcf : -8
170 : #09fbd3 : -7
171 : #09fbd7 : -6
172 : #09fbdb : -5
173 : #09fbdf : -4
174 : #09fbe3 : -3
175 : #09fbe7 : -2
176 : #09fbeb : -1
177 : #09fbef : ±0
178 : #09fbf3 : +1
179 : #09fbf7 : +2
180 : #09fbfb : +3
181 : #09f7fb : +4
182 : #09f3fb : +5
183 : #09effb : +6
184 : #09ebfb : +7
185 : #09e7fb : +8
186 : #09e3fb : +9
187 : #09dffb : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #818383 : -96
3 : #7e8685 : -94
5 : #7c8888 : -92
7 : #798b8a : -90
9 : #778d8c : -88
11 : #74908e : -86
13 : #729291 : -84
15 : #6f9593 : -82
17 : #6d9795 : -80
19 : #6a9a97 : -78
21 : #689c9a : -76
23 : #659f9c : -74
25 : #63a19e : -72
27 : #60a4a0 : -70
29 : #5ea6a3 : -68
31 : #5ba9a5 : -66
33 : #59aba7 : -64
35 : #56aea9 : -62
37 : #54b0ac : -60
39 : #51b3ae : -58
41 : #4fb5b0 : -56
43 : #4cb8b2 : -54
45 : #4abab5 : -52
47 : #47bdb7 : -50
49 : #45bfb9 : -48
51 : #42c2bb : -46
53 : #40c4be : -44
55 : #3dc7c0 : -42
57 : #3bc9c2 : -40
59 : #38ccc4 : -38
61 : #36cec7 : -36
63 : #33d1c9 : -34
65 : #31d3cb : -32
67 : #2ed6cd : -30
69 : #2cd8d0 : -28
71 : #29dbd2 : -26
73 : #27ddd4 : -24
75 : #24e0d6 : -22
77 : #22e2d9 : -20
79 : #1fe5db : -18
81 : #1de7dd : -16
83 : #1aeadf : -14
85 : #18ece2 : -12
87 : #15efe4 : -10
89 : #13f1e6 : -8
91 : #10f4e8 : -6
93 : #0ef6eb : -4
95 : #0bf9ed : -2
97 : #09fbef : ±0
99 : #06fef1 : +2
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #000505 : -50
3 : #000f0e : -48
5 : #001918 : -46
7 : #012321 : -44
9 : #012d2b : -42
11 : #013735 : -40
13 : #01413e : -38
15 : #014b48 : -36
17 : #015551 : -34
19 : #015f5b : -32
21 : #026964 : -30
23 : #02746e : -28
25 : #027e77 : -26
27 : #028881 : -24
29 : #02928b : -22
31 : #029c94 : -20
33 : #03a69e : -18
35 : #03b0a7 : -16
37 : #03bab1 : -14
39 : #03c4ba : -12
41 : #03cec4 : -10
43 : #03d8cd : -8
45 : #03e2d7 : -6
47 : #04ece0 : -4
49 : #04f6ea : -2
51 : #09fbef : ±0
53 : #13fbf0 : +2
55 : #1dfcf0 : +4
57 : #27fcf1 : +6
59 : #31fcf2 : +8
61 : #3bfcf2 : +10
63 : #45fcf3 : +12
65 : #4ffcf4 : +14
67 : #59fcf4 : +16
69 : #63fdf5 : +18
71 : #6dfdf6 : +20
73 : #77fdf6 : +22
75 : #81fdf7 : +24
77 : #8bfdf8 : +26
79 : #96fdf8 : +28
81 : #a0fef9 : +30
83 : #aafef9 : +32
85 : #b4fefa : +34
87 : #befefb : +36
89 : #c8fefb : +38
91 : #d2fefc : +40
93 : #dcfefd : +42
95 : #e6fffd : +44
97 : #f0fffe : +46
99 : #faffff : +48
CSS入門、作ってます。
text-shadow