#1135bd
RGB
赤 | 17 |
---|---|
緑 | 53 |
青 | 189 |
HSL
色相 | 227° |
---|---|
彩度 | 83% |
明度 | 40% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 17, 緑 = 53, 青 = 189 )
HSL ( 色相 = 227°, 彩度 = 83%, 明度 = 40% )
H : 色相 ( 227° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #bb2511 : -220
17 : #bb4111 : -210
27 : #bb5e11 : -200
37 : #bb7a11 : -190
47 : #bb9611 : -180
57 : #bbb211 : -170
67 : #a7bb11 : -160
77 : #8bbb11 : -150
87 : #6ebb11 : -140
97 : #52bb11 : -130
107 : #36bb11 : -120
117 : #1abb11 : -110
127 : #11bb25 : -100
137 : #11bb41 : -90
147 : #11bb5e : -80
157 : #11bb7a : -70
167 : #11bb96 : -60
177 : #11bbb2 : -50
187 : #11a7bb : -40
197 : #118bbb : -30
207 : #116ebb : -20
217 : #1152bb : -10
227 : #1136bb : ±0
237 : #111abb : +10
247 : #2511bb : +20
257 : #4111bb : +30
267 : #5e11bb : +40
277 : #7a11bb : +50
287 : #9611bb : +60
297 : #b211bb : +70
307 : #bb11a7 : +80
317 : #bb118b : +90
327 : #bb116e : +100
337 : #bb1152 : +110
347 : #bb1136 : +120
357 : #bb111a : +130
217 : #1152bb : -10
218 : #114fbb : -9
219 : #114dbb : -8
220 : #114abb : -7
221 : #1147bb : -6
222 : #1144bb : -5
223 : #1141bb : -4
224 : #113ebb : -3
225 : #113cbb : -2
226 : #1139bb : -1
227 : #1136bb : ±0
228 : #1133bb : +1
229 : #1130bb : +2
230 : #112ebb : +3
231 : #112bbb : +4
232 : #1128bb : +5
233 : #1125bb : +6
234 : #1122bb : +7
235 : #111fbb : +8
236 : #111dbb : +9
237 : #111abb : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #656567 : -82
3 : #636469 : -80
5 : #61636b : -78
7 : #5f626d : -76
9 : #5d616f : -74
11 : #5b6071 : -72
13 : #595e73 : -70
15 : #575d75 : -68
17 : #555c77 : -66
19 : #535b79 : -64
21 : #515a7b : -62
23 : #4f597d : -60
25 : #4d5880 : -58
27 : #4a5682 : -56
29 : #485584 : -54
31 : #465486 : -52
33 : #445388 : -50
35 : #42528a : -48
37 : #40518c : -46
39 : #3e4f8e : -44
41 : #3c4e90 : -42
43 : #3a4d92 : -40
45 : #384c94 : -38
47 : #364b96 : -36
49 : #344a98 : -34
51 : #32499a : -32
53 : #30479c : -30
55 : #2e469e : -28
57 : #2c45a0 : -26
59 : #2a44a2 : -24
61 : #2843a4 : -22
63 : #2642a6 : -20
65 : #2440a8 : -18
67 : #223faa : -16
69 : #203eac : -14
71 : #1e3dae : -12
73 : #1c3cb0 : -10
75 : #1a3bb3 : -8
77 : #1739b5 : -6
79 : #1538b7 : -4
81 : #1337b9 : -2
83 : #1136bb : ±0
85 : #0f35bd : +2
87 : #0d34bf : +4
89 : #0b33c1 : +6
91 : #0931c3 : +8
93 : #0730c5 : +10
95 : #052fc7 : +12
97 : #032ec9 : +14
99 : #012dcb : +16
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #010309 : -38
4 : #020513 : -36
6 : #03081c : -34
8 : #030b25 : -32
10 : #040e2f : -30
12 : #051038 : -28
14 : #061341 : -26
16 : #07164b : -24
18 : #081854 : -22
20 : #091b5d : -20
22 : #0a1e67 : -18
24 : #0a2070 : -16
26 : #0b2379 : -14
28 : #0c2683 : -12
30 : #0d298c : -10
32 : #0e2b95 : -8
34 : #0f2e9f : -6
36 : #1031a8 : -4
38 : #1033b1 : -2
40 : #1136bb : ±0
42 : #1239c4 : +2
44 : #133bcd : +4
46 : #143ed7 : +6
48 : #1541e0 : +8
50 : #1644e9 : +10
52 : #1f4bea : +12
54 : #2853eb : +14
56 : #325aec : +16
58 : #3b62ed : +18
60 : #4469ee : +20
62 : #4e71ef : +22
64 : #5778ef : +24
66 : #6080f0 : +26
68 : #6a87f1 : +28
70 : #738ff2 : +30
72 : #7c96f3 : +32
74 : #869ef4 : +34
76 : #8fa5f5 : +36
78 : #98adf5 : +38
80 : #a2b4f6 : +40
82 : #abbcf7 : +42
84 : #b4c3f8 : +44
86 : #becbf9 : +46
88 : #c7d2fa : +48
90 : #d0dafb : +50
92 : #dae1fc : +52
94 : #e3e9fc : +54
96 : #ecf0fd : +56
98 : #f6f8fe : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow