#9ba3ca
RGB
赤 | 155 |
---|---|
緑 | 163 |
青 | 202 |
HSL
色相 | 230° |
---|---|
彩度 | 31% |
明度 | 70% |
輝度 | 65% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 155, 緑 = 163, 青 = 202 )
HSL ( 色相 = 230°, 彩度 = 31%, 明度 = 70% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ca9b9b : -230
10 : #caa39b : -220
20 : #caab9b : -210
30 : #cab39b : -200
40 : #caba9b : -190
50 : #cac29b : -180
60 : #caca9b : -170
70 : #c2ca9b : -160
80 : #baca9b : -150
90 : #b3ca9b : -140
100 : #abca9b : -130
110 : #a3ca9b : -120
120 : #9bca9b : -110
130 : #9bcaa3 : -100
140 : #9bcaab : -90
150 : #9bcab3 : -80
160 : #9bcaba : -70
170 : #9bcac2 : -60
180 : #9bcaca : -50
190 : #9bc2ca : -40
200 : #9bbaca : -30
210 : #9bb3ca : -20
220 : #9babca : -10
230 : #9ba3ca : ±0
240 : #9b9bca : +10
250 : #a39bca : +20
260 : #ab9bca : +30
270 : #b39bca : +40
280 : #ba9bca : +50
290 : #c29bca : +60
300 : #ca9bca : +70
310 : #ca9bc2 : +80
320 : #ca9bba : +90
330 : #ca9bb3 : +100
340 : #ca9bab : +110
350 : #ca9ba3 : +120
220 : #9babca : -10
221 : #9baaca : -9
222 : #9ba9ca : -8
223 : #9ba8ca : -7
224 : #9ba7ca : -6
225 : #9ba7ca : -5
226 : #9ba6ca : -4
227 : #9ba5ca : -3
228 : #9ba4ca : -2
229 : #9ba3ca : -1
230 : #9ba3ca : ±0
231 : #9ba2ca : +1
232 : #9ba1ca : +2
233 : #9ba0ca : +3
234 : #9ba0ca : +4
235 : #9b9fca : +5
236 : #9b9eca : +6
237 : #9b9dca : +7
238 : #9b9cca : +8
239 : #9b9cca : +9
240 : #9b9bca : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b2b2b3 : -30
3 : #b0b1b5 : -28
5 : #afb0b6 : -26
7 : #adafb8 : -24
9 : #acaeb9 : -22
11 : #aaadbb : -20
13 : #a9acbc : -18
15 : #a7abbe : -16
17 : #a5aac0 : -14
19 : #a4a9c1 : -12
21 : #a2a8c3 : -10
23 : #a1a7c4 : -8
25 : #9fa6c6 : -6
27 : #9ea5c7 : -4
29 : #9ca4c9 : -2
31 : #9ba3ca : ±0
33 : #99a2cc : +2
35 : #98a1cd : +4
37 : #96a0cf : +6
39 : #959fd0 : +8
41 : #939ed2 : +10
43 : #929dd3 : +12
45 : #909cd5 : +14
47 : #8f9bd6 : +16
49 : #8d9ad8 : +18
51 : #8b98da : +20
53 : #8a97db : +22
55 : #8896dd : +24
57 : #8795de : +26
59 : #8594e0 : +28
61 : #8493e1 : +30
63 : #8292e3 : +32
65 : #8191e4 : +34
67 : #7f90e6 : +36
69 : #7e8fe7 : +38
71 : #7c8ee9 : +40
73 : #7b8dea : +42
75 : #798cec : +44
77 : #788bed : +46
79 : #768aef : +48
81 : #7589f0 : +50
83 : #7388f2 : +52
85 : #7187f4 : +54
87 : #7086f5 : +56
89 : #6e85f7 : +58
91 : #6d84f8 : +60
93 : #6b83fa : +62
95 : #6a82fb : +64
97 : #6881fd : +66
99 : #6780fe : +68
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #040407 : -68
4 : #07080d : -66
6 : #0b0c14 : -64
8 : #0e101b : -62
10 : #121421 : -60
12 : #151828 : -58
14 : #191c2f : -56
16 : #1c2035 : -54
18 : #20243c : -52
20 : #232843 : -50
22 : #272d49 : -48
24 : #2a3150 : -46
26 : #2e3557 : -44
28 : #31395e : -42
30 : #353d64 : -40
32 : #38416b : -38
34 : #3c4572 : -36
36 : #3f4978 : -34
38 : #434d7f : -32
40 : #465186 : -30
42 : #4a558c : -28
44 : #4d5993 : -26
46 : #515d9a : -24
48 : #5461a0 : -22
50 : #5865a7 : -20
52 : #5f6bab : -18
54 : #6571ae : -16
56 : #6c78b2 : -14
58 : #737eb5 : -12
60 : #7984b9 : -10
62 : #808abc : -8
64 : #8790c0 : -6
66 : #8d96c3 : -4
68 : #949dc7 : -2
70 : #9ba3ca : ±0
72 : #a1a9ce : +2
74 : #a8afd1 : +4
76 : #afb5d5 : +6
78 : #b6bbd8 : +8
80 : #bcc1dc : +10
82 : #c3c8df : +12
84 : #cacee3 : +14
86 : #d0d4e6 : +16
88 : #d7daea : +18
90 : #dee0ed : +20
92 : #e4e6f1 : +22
94 : #ebedf4 : +24
96 : #f2f3f8 : +26
98 : #f8f9fb : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow