#0e627b
RGB
赤 | 14 |
---|---|
緑 | 98 |
青 | 123 |
HSL
色相 | 194° |
---|---|
彩度 | 80% |
明度 | 27% |
輝度 | 30% |
3桁の色
補色
反転色
RGB ( 赤 = 14, 緑 = 98, 青 = 123 )
HSL ( 色相 = 194°, 彩度 = 80%, 明度 = 27% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7c150e : -190
14 : #7c270e : -180
24 : #7c3a0e : -170
34 : #7c4c0e : -160
44 : #7c5f0e : -150
54 : #7c710e : -140
64 : #757c0e : -130
74 : #627c0e : -120
84 : #507c0e : -110
94 : #3e7c0e : -100
104 : #2b7c0e : -90
114 : #197c0e : -80
124 : #0e7c15 : -70
134 : #0e7c27 : -60
144 : #0e7c3a : -50
154 : #0e7c4c : -40
164 : #0e7c5f : -30
174 : #0e7c71 : -20
184 : #0e757c : -10
194 : #0e627c : ±0
204 : #0e507c : +10
214 : #0e3e7c : +20
224 : #0e2b7c : +30
234 : #0e197c : +40
244 : #150e7c : +50
254 : #270e7c : +60
264 : #3a0e7c : +70
274 : #4c0e7c : +80
284 : #5f0e7c : +90
294 : #710e7c : +100
304 : #7c0e75 : +110
314 : #7c0e62 : +120
324 : #7c0e50 : +130
334 : #7c0e3e : +140
344 : #7c0e2b : +150
354 : #7c0e19 : +160
184 : #0e757c : -10
185 : #0e737c : -9
186 : #0e717c : -8
187 : #0e6f7c : -7
188 : #0e6d7c : -6
189 : #0e6b7c : -5
190 : #0e6a7c : -4
191 : #0e687c : -3
192 : #0e667c : -2
193 : #0e647c : -1
194 : #0e627c : ±0
195 : #0e607c : +1
196 : #0e5f7c : +2
197 : #0e5d7c : +3
198 : #0e5b7c : +4
199 : #0e597c : +5
200 : #0e577c : +6
201 : #0e557c : +7
202 : #0e547c : +8
203 : #0e527c : +9
204 : #0e507c : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -80
2 : #434646 : -78
4 : #424648 : -76
6 : #414749 : -74
8 : #3f484a : -72
10 : #3e494c : -70
12 : #3d494d : -68
14 : #3b4a4e : -66
16 : #3a4b50 : -64
18 : #384b51 : -62
20 : #374c53 : -60
22 : #364d54 : -58
24 : #344e55 : -56
26 : #334e57 : -54
28 : #324f58 : -52
30 : #30505a : -50
32 : #2f515b : -48
34 : #2d515c : -46
36 : #2c525e : -44
38 : #2b535f : -42
40 : #295460 : -40
42 : #285462 : -38
44 : #275563 : -36
46 : #255665 : -34
48 : #245666 : -32
50 : #225767 : -30
52 : #215869 : -28
54 : #20596a : -26
56 : #1e596b : -24
58 : #1d5a6d : -22
60 : #1c5b6e : -20
62 : #1a5c70 : -18
64 : #195c71 : -16
66 : #175d72 : -14
68 : #165e74 : -12
70 : #155f75 : -10
72 : #135f76 : -8
74 : #126078 : -6
76 : #116179 : -4
78 : #0f617b : -2
80 : #0e627c : ±0
82 : #0c637d : +2
84 : #0b647f : +4
86 : #0a6480 : +6
88 : #086581 : +8
90 : #076683 : +10
92 : #066784 : +12
94 : #046786 : +14
96 : #036887 : +16
98 : #016988 : +18
100 : #006a8a : +20
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #010405 : -26
3 : #020b0e : -24
5 : #031217 : -22
7 : #041920 : -20
9 : #052129 : -18
11 : #062832 : -16
13 : #072f3c : -14
15 : #083745 : -12
17 : #093e4e : -10
19 : #0a4557 : -8
21 : #0b4c60 : -6
23 : #0c546a : -4
25 : #0d5b73 : -2
27 : #0e627c : ±0
29 : #0f6a85 : +2
31 : #10718e : +4
33 : #117897 : +6
35 : #127fa1 : +8
37 : #1387aa : +10
39 : #148eb3 : +12
41 : #1595bc : +14
43 : #169cc5 : +16
45 : #17a4cf : +18
47 : #18abd8 : +20
49 : #19b2e1 : +22
51 : #1eb7e6 : +24
53 : #27bae7 : +26
55 : #30bde8 : +28
57 : #3ac0e9 : +30
59 : #43c3ea : +32
61 : #4cc6eb : +34
63 : #55c9ec : +36
65 : #5ecced : +38
67 : #68cfee : +40
69 : #71d2ef : +42
71 : #7ad5f0 : +44
73 : #83d8f1 : +46
75 : #8cdaf2 : +48
77 : #95ddf3 : +50
79 : #9fe0f4 : +52
81 : #a8e3f5 : +54
83 : #b1e6f6 : +56
85 : #bae9f7 : +58
87 : #c3ecf8 : +60
89 : #cdeff9 : +62
91 : #d6f2fa : +64
93 : #dff5fb : +66
95 : #e8f8fc : +68
97 : #f1fbfd : +70
99 : #fafefe : +72
CSS入門、作ってます。
text-shadow