#094c7c
RGB
赤 | 9 |
---|---|
緑 | 76 |
青 | 124 |
HSL
色相 | 205° |
---|---|
彩度 | 86% |
明度 | 26% |
輝度 | 24% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 9, 緑 = 76, 青 = 124 )
HSL ( 色相 = 205°, 彩度 = 86%, 明度 = 26% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #7b1309 : -200
15 : #7b2609 : -190
25 : #7b3909 : -180
35 : #7b4c09 : -170
45 : #7b5f09 : -160
55 : #7b7209 : -150
65 : #727b09 : -140
75 : #5f7b09 : -130
85 : #4c7b09 : -120
95 : #397b09 : -110
105 : #267b09 : -100
115 : #137b09 : -90
125 : #097b13 : -80
135 : #097b26 : -70
145 : #097b39 : -60
155 : #097b4c : -50
165 : #097b5f : -40
175 : #097b72 : -30
185 : #09727b : -20
195 : #095f7b : -10
205 : #094c7b : ±0
215 : #09397b : +10
225 : #09267b : +20
235 : #09137b : +30
245 : #13097b : +40
255 : #26097b : +50
265 : #39097b : +60
275 : #4c097b : +70
285 : #5f097b : +80
295 : #72097b : +90
305 : #7b0972 : +100
315 : #7b095f : +110
325 : #7b094c : +120
335 : #7b0939 : +130
345 : #7b0926 : +140
355 : #7b0913 : +150
195 : #095f7b : -10
196 : #095d7b : -9
197 : #095b7b : -8
198 : #09597b : -7
199 : #09577b : -6
200 : #09557b : -5
201 : #09537b : -4
202 : #09527b : -3
203 : #09507b : -2
204 : #094e7b : -1
205 : #094c7b : ±0
206 : #094a7b : +1
207 : #09487b : +2
208 : #09467b : +3
209 : #09447b : +4
210 : #09427b : +5
211 : #09407b : +6
212 : #093e7b : +7
213 : #093d7b : +8
214 : #093b7b : +9
215 : #09397b : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -86
2 : #414344 : -84
4 : #404345 : -82
6 : #3e4346 : -80
8 : #3d4348 : -78
10 : #3c4349 : -76
12 : #3a444a : -74
14 : #39444c : -72
16 : #38444d : -70
18 : #36444e : -68
20 : #354550 : -66
22 : #344551 : -64
24 : #324552 : -62
26 : #314554 : -60
28 : #304555 : -58
30 : #2e4656 : -56
32 : #2d4658 : -54
34 : #2c4659 : -52
36 : #2a465a : -50
38 : #29465b : -48
40 : #28475d : -46
42 : #26475e : -44
44 : #25475f : -42
46 : #244761 : -40
48 : #224862 : -38
50 : #214863 : -36
52 : #204865 : -34
54 : #1e4866 : -32
56 : #1d4867 : -30
58 : #1c4969 : -28
60 : #1b496a : -26
62 : #19496b : -24
64 : #18496d : -22
66 : #174a6e : -20
68 : #154a6f : -18
70 : #144a71 : -16
72 : #134a72 : -14
74 : #114a73 : -12
76 : #104b75 : -10
78 : #0f4b76 : -8
80 : #0d4b77 : -6
82 : #0c4b79 : -4
84 : #0b4c7a : -2
86 : #094c7b : ±0
88 : #084c7d : +2
90 : #074c7e : +4
92 : #054c7f : +6
94 : #044d81 : +8
96 : #034d82 : +10
98 : #014d83 : +12
100 : #004d85 : +14
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #010609 : -24
4 : #010c13 : -22
6 : #02111c : -20
8 : #031726 : -18
10 : #041d2f : -16
12 : #042339 : -14
14 : #052942 : -12
16 : #062f4c : -10
18 : #063455 : -8
20 : #073a5f : -6
22 : #084068 : -4
24 : #094672 : -2
26 : #094c7b : ±0
28 : #0a5285 : +2
30 : #0b578e : +4
32 : #0b5d98 : +6
34 : #0c63a1 : +8
36 : #0d69ab : +10
38 : #0e6fb4 : +12
40 : #0e75be : +14
42 : #0f7ac7 : +16
44 : #1080d1 : +18
46 : #1086da : +20
48 : #118ce4 : +22
50 : #1292ed : +24
52 : #1b96ee : +26
54 : #259bef : +28
56 : #2e9fef : +30
58 : #38a3f0 : +32
60 : #41a8f1 : +34
62 : #4bacf1 : +36
64 : #54b0f2 : +38
66 : #5eb5f3 : +40
68 : #67b9f4 : +42
70 : #71bdf4 : +44
72 : #7ac2f5 : +46
74 : #84c6f6 : +48
76 : #8dcbf6 : +50
78 : #97cff7 : +52
80 : #a0d3f8 : +54
82 : #aad8f9 : +56
84 : #b3dcf9 : +58
86 : #bde0fa : +60
88 : #c6e5fb : +62
90 : #d0e9fb : +64
92 : #d9eefc : +66
94 : #e3f2fd : +68
96 : #ecf6fe : +70
98 : #f6fbfe : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow