#09119f
RGB
赤 | 9 |
---|---|
緑 | 17 |
青 | 159 |
HSL
色相 | 237° |
---|---|
彩度 | 89% |
明度 | 33% |
輝度 | 12% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 9, 緑 = 17, 青 = 159 )
HSL ( 色相 = 237°, 彩度 = 89%, 明度 = 33% )
H : 色相 ( 237° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9f1b09 : -230
17 : #9f3409 : -220
27 : #9f4d09 : -210
37 : #9f6609 : -200
47 : #9f7f09 : -190
57 : #9f9809 : -180
67 : #8e9f09 : -170
77 : #759f09 : -160
87 : #5c9f09 : -150
97 : #439f09 : -140
107 : #2a9f09 : -130
117 : #119f09 : -120
127 : #099f1b : -110
137 : #099f34 : -100
147 : #099f4d : -90
157 : #099f66 : -80
167 : #099f7f : -70
177 : #099f98 : -60
187 : #098e9f : -50
197 : #09759f : -40
207 : #095c9f : -30
217 : #09439f : -20
227 : #092a9f : -10
237 : #09119f : ±0
247 : #1b099f : +10
257 : #34099f : +20
267 : #4d099f : +30
277 : #66099f : +40
287 : #7f099f : +50
297 : #98099f : +60
307 : #9f098e : +70
317 : #9f0975 : +80
327 : #9f095c : +90
337 : #9f0943 : +100
347 : #9f092a : +110
357 : #9f0911 : +120
227 : #092a9f : -10
228 : #09279f : -9
229 : #09259f : -8
230 : #09229f : -7
231 : #09209f : -6
232 : #091d9f : -5
233 : #091b9f : -4
234 : #09189f : -3
235 : #09169f : -2
236 : #09139f : -1
237 : #09119f : ±0
238 : #090e9f : +1
239 : #090c9f : +2
240 : #09099f : +3
241 : #0c099f : +4
242 : #0e099f : +5
243 : #11099f : +6
244 : #13099f : +7
245 : #16099f : +8
246 : #18099f : +9
247 : #1b099f : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535355 : -88
3 : #525257 : -86
5 : #505058 : -84
7 : #4e4f5a : -82
9 : #4d4d5c : -80
11 : #4b4c5d : -78
13 : #494a5f : -76
15 : #484961 : -74
17 : #464762 : -72
19 : #444664 : -70
21 : #424466 : -68
23 : #414368 : -66
25 : #3f4169 : -64
27 : #3d406b : -62
29 : #3c3e6d : -60
31 : #3a3d6e : -58
33 : #383b70 : -56
35 : #373a72 : -54
37 : #353873 : -52
39 : #333775 : -50
41 : #323577 : -48
43 : #303478 : -46
45 : #2e327a : -44
47 : #2d317c : -42
49 : #2b2f7d : -40
51 : #292e7f : -38
53 : #282c81 : -36
55 : #262a82 : -34
57 : #242984 : -32
59 : #232786 : -30
61 : #212687 : -28
63 : #1f2489 : -26
65 : #1d238b : -24
67 : #1c218d : -22
69 : #1a208e : -20
71 : #181e90 : -18
73 : #171d92 : -16
75 : #151b93 : -14
77 : #131a95 : -12
79 : #121897 : -10
81 : #101798 : -8
83 : #0e159a : -6
85 : #0d149c : -4
87 : #0b129d : -2
89 : #09119f : ±0
91 : #080fa1 : +2
93 : #060ea2 : +4
95 : #040ca4 : +6
97 : #030ba6 : +8
99 : #0109a7 : +10
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -32
3 : #01020e : -30
5 : #010318 : -28
7 : #020422 : -26
9 : #03052b : -24
11 : #030635 : -22
13 : #04073f : -20
15 : #040848 : -18
17 : #050952 : -16
19 : #050a5c : -14
21 : #060b65 : -12
23 : #060c6f : -10
25 : #070d78 : -8
27 : #080e82 : -6
29 : #080f8c : -4
31 : #091095 : -2
33 : #09119f : ±0
35 : #0a12a9 : +2
37 : #0a13b2 : +4
39 : #0b14bc : +6
41 : #0c15c6 : +8
43 : #0c16cf : +10
45 : #0d17d9 : +12
47 : #0d18e3 : +14
49 : #0e19ec : +16
51 : #131ef1 : +18
53 : #1c27f2 : +20
55 : #2630f2 : +22
57 : #303af3 : +24
59 : #3943f3 : +26
61 : #434cf4 : +28
63 : #4d55f5 : +30
65 : #565ef5 : +32
67 : #6067f6 : +34
69 : #6a71f6 : +36
71 : #737af7 : +38
73 : #7d83f7 : +40
75 : #878cf8 : +42
77 : #9095f9 : +44
79 : #9a9ff9 : +46
81 : #a3a8fa : +48
83 : #adb1fa : +50
85 : #b7bafb : +52
87 : #c0c3fb : +54
89 : #caccfc : +56
91 : #d4d6fc : +58
93 : #dddffd : +60
95 : #e7e8fe : +62
97 : #f1f1fe : +64
99 : #fafaff : +66
CSS入門、作ってます。
text-shadow